Change Details

Once the section-level image task is complete, we should complete an accessibility check. ####User story & summary: As an individual with a disability, I want to have an accessible experience with the new section-level "add an image" task, so I can fully take advantage of all Wikipedia features and functions. ####Description: List what was checked & tools used: * **Tools**: Chrome Devtools Lighthouse; Firefox Accessibility check * **What was checked: ** keyboard navigation, contrast List the accessibility issues found so that the UX designer can evaluate the readiness of the features for the upcoming release: |Issue| Element Location| Criticality / Recommendations |---|---|--- |**Clicable elemnts must be focusable and should have interactive semantics**|`figcaption class="ve-ce-branchNode ve-ce-activeNode mw-ge-recommendedImageCaption mw-ge-recommendedImageCaption--with-placeholder ve-ce-activeNode-active"` | |** Interactive elements must be focusable**|`div.mw-ge-recommendedImage-detailsButton`| //Note:// - Both issues were reported on the recommended image placeholder: {F37097304} - Both issues are not specific to section level image suggestions; the same issues exist for Add image ####Acceptance Criteria: Provide an overview of accessibility issues found, and an estimated level of criticality.

**Review accessibly issues discovered in QA. Fix the noted issues, or create separate tasks for the work if they are related to larger issues or would require significant effort.** ####User story & summary: As an individual with a disability, I want to have an accessible experience with the new section-level "add an image" task, so I can fully take advantage of all Wikipedia features and functions. ####Description: List what was checked & tools used: * **Tools**: Chrome Devtools Lighthouse; Firefox Accessibility check * **What was checked: ** keyboard navigation, contrast List the accessibility issues found so that the UX designer can evaluate the readiness of the features for the upcoming release: |Issue| Element Location| Criticality / Recommendations |---|---|--- |**Clicable elemnts must be focusable and should have interactive semantics**|`figcaption class="ve-ce-branchNode ve-ce-activeNode mw-ge-recommendedImageCaption mw-ge-recommendedImageCaption--with-placeholder ve-ce-activeNode-active"` | |** Interactive elements must be focusable**|`div.mw-ge-recommendedImage-detailsButton`| //Note:// - Both issues were reported on the recommended image placeholder: {F37097304} - Both issues are not specific to section level image suggestions; the same issues exist for Add image ####Acceptance Criteria: Review accessibly issues discovered in QA. Fix the noted issues, or create separate tasks for the work if they are related to larger issues or would require significant effort.

Once the section-level image task is complete**Review accessibly issues discovered in QA. Fix the noted issues, we should complete an accessibility check.or create separate tasks for the work if they are related to larger issues or would require significant effort.** ####User story & summary: As an individual with a disability, I want to have an accessible experience with the new section-level "add an image" task, so I can fully take advantage of all Wikipedia features and functions. ####Description: List what was checked & tools used: * **Tools**: Chrome Devtools Lighthouse; Firefox Accessibility check * **What was checked: ** keyboard navigation, contrast List the accessibility issues found so that the UX designer can evaluate the readiness of the features for the upcoming release: |Issue| Element Location| Criticality / Recommendations |---|---|--- |**Clicable elemnts must be focusable and should have interactive semantics**|`figcaption class="ve-ce-branchNode ve-ce-activeNode mw-ge-recommendedImageCaption mw-ge-recommendedImageCaption--with-placeholder ve-ce-activeNode-active"` | |** Interactive elements must be focusable**|`div.mw-ge-recommendedImage-detailsButton`| //Note:// - Both issues were reported on the recommended image placeholder: {F37097304} - Both issues are not specific to section level image suggestions; the same issues exist for Add image ####Acceptance Criteria: Provide an overReview of accessibilitly issues found, and an estimated level of criticality.discovered in QA. Fix the noted issues, or create separate tasks for the work if they are related to larger issues or would require significant effort.