Adrian Roselli
Adrian Roselli
The default focus styles from the browser are generally awful. In the demo, the blue background of the page has a contrast ratio of 1.02:1 to Chrome's default focus ring....
I think these should all live in one document. A long document, sure, but a single document seems like a better fit. I am happy to take a stab at...
Product: axe-core 4.4.2 Rule: [dlitem](https://dequeuniversity.com/rules/axe/4.4/dlitem) Expectation: The content under the "Why it Matters", "Rule Description", and "The Algorithm (in simple terms)" headings should reflect the guidance in [definition-list](https://dequeuniversity.com/rules/axe/4.4/definition-list) (`` elements...
Product: axe-core 4.4.2 Rule: [landmark-complementary-is-top-level](https://dequeuniversity.com/rules/axe/4.4/landmark-complementary-is-top-level#:~:text=The%20following%20example%20FAILS%20the%20Complementary%20landmarks%20are%20at%20the%20top%20level%20rule) Expectation: The content under the "How to Fix the Problem" heading should not declare there is an issue with `` scoped to ``. It should...
## Issue For the responsive table on this page: https://a11y-style-guide.com/style-guide/section-structure.html When the narrow viewport styles kick in, the semantics are lost. This is a known issue across browsers ([back to...
Looking at this page: https://www.accessibility-developer-guide.com/examples/tables/spanning-rows-cols/ It shows ``s that span but does not include the required `id` and `headers` attribute in the associated ``s or ``s. Eg: ``` […] Leisure...
The post here: https://www.accessibility-developer-guide.com/examples/tables/hidden-headers/ Does not use an HTML ``. It uses ``s with an ARIA grid role. These are not equivalent. Issue #306 discusses the differences so I won't...
There are four example responsive tables on this page: https://www.accessibility-developer-guide.com/examples/tables/responsive/ The first example, "[Hiding negligible data](https://www.accessibility-developer-guide.com/examples/tables/responsive/#hiding-negligible-data)" is a [1.4.10 Reflow](https://www.w3.org/TR/WCAG21/#reflow) violation since it hides content for some users. The second...
In this post: https://www.accessibility-developer-guide.com/examples/tables/sticky-headers/ As noted in #309 and #306, the example is not a table. Better example: https://adrianroselli.com/2020/01/fixed-table-headers.html I am not trying to let me ego drive this. I...
**Describe the bug** The post _[Overflow](https://web.dev/learn/css/overflow/)_ in the _[Learn CSS](https://web.dev/learn/css/)_ evergreen course goes into detail about overflowing areas that scroll. It does not, however, note that scrolling containers are a...