Updated ARIA guidelines

Following issue from #503
This commit is contained in:
Johan Fagerberg 2017-09-06 13:23:41 +02:00 committed by GitHub
parent 41b5ffa6f2
commit d183067776

View file

@ -3,8 +3,8 @@
This repository welcomes contributions and corrections. Before submitting a pull request, ensure that you respect these guidelines for SVGs:
- Include the SVG namespace declaration `xmlns="http://www.w3.org/2000/svg"`. This is not required if the SVG is included inline on HTML5 web pages.
- Include a descriptive `<title>` element for accessibility. For example, `<title>GitHub icon</title>`.
- Add `aria-labelledby="title"` and `role="img"` to the `<svg>` element to improve screen reader support.
- Include a descriptive `<title>` element for accessibility. The `<title>` must have an ID of the format `simpleicon-<iconname>-title` - for example, `<title id="simpleicon-github-title">GitHub icon</title>`.
- Add `aria-labelledby="simpleicon-<iconname>-title"` and `role="img"` to the `<svg>` element to improve screen reader support.
- Use a `viewBox` of 24 by 24, following [Googles Material Design guidelines for system icons](https://material.io/guidelines/style/icons.html#icons-system-icons).
- Ensure that all paths and strokes have been converted to fills.
- Ensure your SVG is monochromatic. Remove all fill colors so that icons default to black.