From 95b75040acbe4d567f74c6e7e82ad84d4457a58a Mon Sep 17 00:00:00 2001 From: Josh Black Date: Mon, 13 Jul 2020 11:09:21 -0500 Subject: [PATCH] chore(icons): remove outdated developing with carbon section (#1317) --- src/pages/guidelines/icons/usage.mdx | 51 ---------------------------- 1 file changed, 51 deletions(-) diff --git a/src/pages/guidelines/icons/usage.mdx b/src/pages/guidelines/icons/usage.mdx index 70e88e8f3be..333cfaf9404 100644 --- a/src/pages/guidelines/icons/usage.mdx +++ b/src/pages/guidelines/icons/usage.mdx @@ -132,54 +132,3 @@ When used next to text, icons should be center-aligned. - -## Developing with icons - -### SVG Icons - -#### Requirements: - -Install `carbon-icons`. - -Full installation details can be found in the Carbon icons [GitHub repo](https://github.com/carbon-design-system/carbon-icons). - -### Main files - -`carbon-icons` ships with two main SVG files: - -| Filename | Description | Supported versions | -| ------------------- | ------------------------------------------------------------------------------------------------------- | ------------------ | -| _carbon-icons.svg_ | Contains current icons (consolidated subset of legacy icons used in IBM Bluemix) | `3.x` & newer | -| _carbon-icons.json_ | JSON file created from carbon-icons.svg, used in [Carbon](/guidelines/iconography/library) | `3.x` & newer | -| _carbon-icons.js_ | JS module created from carbon-icons.svg, used in `Icon` React Component in [carbon-components-react](#) | `3.x` & newer | -| _icons.json_ | legacy JSON file created from sprite.svg | `1.x`,`2.x`&`3.x` | -| _legacy-icons.js_ | JS module created from sprite.svg | `3.x` only | - -### Accessibility - -For screen reader accessibility, provide a context-rich title for the SVG using `` element. - -```html -<svg> - <title>Add a new service - - -``` - -If support for older browsers is needed, use the `aria-labelledby` attribute to reference the `` element using an `id`. - -The `<title>` element will be read by the screen reader to the user, so it should describe its purpose. - -Make sure that you do not duplicate this `id`. - -```html -<svg aria-labelledby="add"> - <title id="add">Add a new service - - -``` - - For more details on accessibility, see the following resources: - -- "Accessible SVGs" via [CSS-Tricks](https://css-tricks.com/accessible-svgs/) -- "5.4 The 'desc' and 'title' elements" via [W3C.org](https://www.w3.org/TR/SVG11/struct.html#DescriptionAndTitleElements)