w3c / media-source

Media Source Extensions
https://w3c.github.io/media-source/
Other
269 stars 57 forks source link

Editorial accessibility concerns and suggestions #307

Open matatk opened 2 years ago

matatk commented 2 years ago

I'm co-chair of the Accessible Platform Architectures (APA) WG. We are currently reviewing your specification for any accessibility concerns. However this is a personal comment concentrating on editorial accessibility issues and suggestions for the document. As these are editorial in nature, I am filing them all under one issue; hope that's OK.

We can provide further info and suggestions if that would help. Also, we recognise that you may be aware of some of these already and, for example, be in the process of updating image descriptions.

Our technical review will follow. Here are the editorial accessibility concerns, with the sections they appear in (may not be exhaustive)...

Please let us know if you have any concerns and/or would like help addressing any of the above.

tidoust commented 2 years ago

Thanks for the comments @matatk!

I prepared a couple of pull requests accordingly.

§1 - The new page describing the flowchart diagram (which 404s from the current version of the spec, but is present in the Editor's Draft) is really good

PR #308 would fix the 404. I'll let spec editors update the description as needed.

§2, 4 - The enumeration description tables have two visually apparent columns, but only a single header that spans both columns. Consider either providing two separate column headers, or coding this as a definition list.

PR #309 uses separate column headers and adds table captions. I note that this is one of these patterns that some spec started and other specs adopted. I ran a quick analysis on specs (looking for table headers that span multiple columns and have "enumeration" in their label, see below for code I used) and found the same issue in the following specs:

If fix looks good, I'll try to propagate it to other specs. The above list may not be exhaustive.

Code used to detect problem in specs 1. Create an `enumerations.mjs` file with the following content: ```js export default function () { return [...document.querySelectorAll('th[colspan]')] .filter(th => th.textContent.trim().toLowerCase().includes('enumeration')) .length; } ``` 2. Run [Reffy](https://github.com/w3c/reffy) to analyze all specs, with a bit of `jq` magic to format the results: ```bash reffy -m enumerations.mjs | jq -r "sort_by(.enumerations) | .[] | select(.enumerations) | (.enumerations | tostring) + \" found in \" + .title + \" - \" + .crawled" > result.txt ```

§2.2, 4.2, 5.2 - Parameter definition tables

PR #309 uses row headers for parameter names. Styles were wrong because they used to be provided out-of-the-box by ReSpec and this table pattern for parameters is no longer supported by default. The pull request re-introduces the old styles, which should address your concerns.

§3.5.12 - The image representing the algorithm lacks a description.

I'll let spec editors handle this :)

§4, 6.1, 6.2, 7, 8, 9 - The "agenda" tag has very low contrast

The background color for the label comes from GitHub. The color itself is incorrectly computed by ReSpec. I reported the issue on ReSpec (see https://github.com/w3c/respec/issues/4139) and changed the background color on GitHub for the "agenda" label. Fix will appear next time the spec is re-generated (e.g. when one of the PRs gets merged).

wolenetz commented 2 years ago

Regarding:

§1 - The new page describing the flowchart diagram (which 404s from the current version of the spec, but is present in the Editor's Draft) is really good, though there are several small mismatches between the description and the diagram in its current version.

(Bold/italics mine)

and:

PR https://github.com/w3c/media-source/pull/308 would fix the 404. I'll let spec editors update the description as needed.

(Bold/Italics mine)

See #310 for a description update that fixes a few obvious discrepancies. Please comment there (or here) if there are others you think need to be fixed.

wolenetz commented 2 years ago

Regarding enumeration description table a11y survey:

If fix looks good, I'll try to propagate it to other specs. The above list may not be exhaustive.

I cross-checked the specs that @dontcallmedom already has PR's out to fix this issue and either filed new issues or commented on existing open a11y issue for the remaining specs to help ensure this list of known specs with a11y issues in their enum tables is tracked.

wolenetz commented 2 years ago

Regarding:

§3.5.12 - The image representing the algorithm lacks a description.

I've filed #312 to track fixing that a11y issue.