Icon-only Codex buttons require one of the aria-label and aria-hidden attributes to be set, otherwise it throws a warning in the console.
This is important for accessibility and should be fixed for the following buttons:
- SXPublisherHeader: close button
- SXPublisherHeader: check button
- CXTranslationWorkPublished: ellipsis button
- SXArticleSearch: close button
- SXPublishOptionSelector: arrow-previous button
- SXPublisher: settings button
- SXPublisher: edit button
- SXPublisherCaptchaDialog: close button
- SXPublisherReviewInfo: previous button
- SXPublisherReviewInfo: next button
- BlockTemplateAdaptationCard: info button
- ProposedTranslationActionButtons: previous button
- ProposedTranslationHeader: ellipsis button
- SXSentenceSelector: arrow-previous button
- TranslatedSegmentCardActionButtons: previous button
- TranslatedSegmentCardActionButtons: next button
- SXTranslationConfirmerArticleInformation: bookmark button
- SXSectionSelectorSectionList select button
Acceptance criteria
No aria label accessibility warning in developer console when using Section Translation.
Derived Requirements
- Requirement 1: Ensure Icon-Only Buttons Have Proper Accessibility Attributes All Codex icon-only buttons in the Section Translation app must have either an aria-label or aria-hidden attribute to meet accessibility standards and prevent Vue warnings.
- Requirement 2: Remove Accessibility Warnings from the Console During Navigation Navigate through the entire Section Translation app, ensuring no accessibility warnings related to icon-only buttons appear in the console.
Test Steps
Test Case 1: Validate Accessibility Attributes and Ensure No Warnings in the Section Translation App
- Open the Section Translation app in a browser.
- Navigate through all pages and components in the app.
- Monitor the console for any warnings related to Codex icon-only buttons, specifically missing aria-label or aria-hidden attributes.
- Verify that all icon-only buttons have either an aria-label or aria-hidden attribute.
- ✅❓❌⬜ AC1: Confirm that icon-only buttons are properly accessible and that no related warnings appear in the console.
QA Results - Test Mobile ContentTranslation
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T374567#10359333 |



