Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

A11Y issues: data table does not use scope, id and headers to identify cells #90

Open
smartm0use opened this issue Jun 5, 2017 · 0 comments

Comments

@smartm0use
Copy link

I'm creating an application that should be compliant with WCAG 2.0 specifications.
I have add the calendar module in my Semantic-UI project.
If I test the html code with A11Y checker, I get the following issues:

Check 244: Data table with both row and column headers does not use scope to identify cells.
Repair: Add scope attributes to header cells so they identify the cells that relate to the header.

Error Line 1530, Column 162:

<table class="ui celled center aligned unstackable table seven column day"><thead scope="col"><tr><t ...

Error Line 1536, Column 162:

<table class="ui celled center aligned unstackable table seven column day"><thead><tr><th colspan="7 ...

Error Line 1548, Column 162:

<table class="ui celled center aligned unstackable table seven column day"><thead><tr><th colspan="7 ...

Error Line 1554, Column 162:

<table class="ui celled center aligned unstackable table seven column day"><thead><tr><th colspan="7 ...

Check 245: Data table with more than one row/column of headers does not use id and headers attributes to identify cells.
Repair: Add id and headers attributes to table cells so they identify the cells that relate to the headers.

Error Line 1530, Column 162:

<table class="ui celled center aligned unstackable table seven column day"><thead scope="col"><tr><t ...

Error Line 1536, Column 162:

<table class="ui celled center aligned unstackable table seven column day"><thead><tr><th colspan="7 ...

Error Line 1548, Column 162:

<table class="ui celled center aligned unstackable table seven column day"><thead><tr><th colspan="7 ...

Error Line 1554, Column 162:

<table class="ui celled center aligned unstackable table seven column day"><thead><tr><th colspan="7 ...

Can you upgrade the calendar to make it compliant with A11Y WCAG 2.0 requirements?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant