search

zcjess / Ecoach-accessibility-issues

1 stars 0 forks source link

Exam list #7

Open zcjess opened 1 year ago

zcjess commented 1 year ago

,WCAG 1.3.1,WCAG 4.1.2,Best Practice: Ensures role attribute has an appropriate value for the element (#categoryList) #7

Issue

Ensures role attribute has an appropriate value for the element (aria-allowed-role)

Target application

ECoach | STATS250 Grade Calculator

Element path

categoryList

Snippet

<ul id="categoryList" role="region" aria-live="polite" class="categories">

How to fix

Fix any of the following:
  ARIA role region is not allowed for given element

Environment

Chrome version 110.0.0.0 This accessibility issue was found using Accessibility Insights for Web 2.37.3 (axe-core 4.6.3), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

image
zcjess commented 1 year ago

WCAG 1.3.1: Ensures

  • elements are used semantically (.category-item.grade-display[aria-controls="assignmentCategory1"])

    Issue

    Ensures <li> elements are used semantically (listitem)

    Target application

    ECoach | STATS250 Grade Calculator

    Element path

    .category-item.grade-display[aria-controls="assignmentCategory1"]

    Snippet

    <li aria-controls="assignmentCategory1" class="category-item grade-display item1"><span class="color-indicator"></span><span class="category-name">Exam:</span><span class="category-percent">0%</span><span>|</span><span class="category-weight">40% of tot...

    How to fix

    Fix any of the following:
  List item does not have a <ul>, <ol> parent element without a role, or a role="list"

    Environment

    Chrome version 110.0.0.0 This accessibility issue was found using Accessibility Insights for Web 2.37.3 (axe-core 4.6.3), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.