From 635729fb5108cf4d335b0f062cc6e09e17832c93 Mon Sep 17 00:00:00 2001 From: Julien Deswaef Date: Mon, 5 Feb 2018 18:00:22 -0500 Subject: [PATCH] Changing name in Accessibility and removing CDN stuff --- .../accessibility/accessibility-facdn.html | 21 ------------------- .../accessibility/accessibility-manual.html | 4 ++-- src/_includes/accessibility/cta-cdn-ally.html | 11 ---------- src/accessibility.html | 5 ++++- src/cheatsheet.html | 10 +++++++-- 5 files changed, 14 insertions(+), 37 deletions(-) delete mode 100644 src/_includes/accessibility/accessibility-facdn.html delete mode 100644 src/_includes/accessibility/cta-cdn-ally.html diff --git a/src/_includes/accessibility/accessibility-facdn.html b/src/_includes/accessibility/accessibility-facdn.html deleted file mode 100644 index 624e0fcec..000000000 --- a/src/_includes/accessibility/accessibility-facdn.html +++ /dev/null @@ -1,21 +0,0 @@ -
-
-
-

- - Use Font Awesome CDN's auto accessibility -

- -

Font Awesome CDN helps you automate accessibility support more easily so your icons work for the most people possible. You only need turn on a setting, use our simple syntax, and any icons you use will have all of the best practices and manual techniques below applied automatically.

-
- -
- Automate Your Icons' Accessibility - -

- Read more about our auto accessibility -

-
-
- -
diff --git a/src/_includes/accessibility/accessibility-manual.html b/src/_includes/accessibility/accessibility-manual.html index c886ba85b..1f682053b 100644 --- a/src/_includes/accessibility/accessibility-manual.html +++ b/src/_includes/accessibility/accessibility-manual.html @@ -5,10 +5,10 @@ Manually make your icons accessible -

When using icons in your UI, there are manual techniques and ways to help assistive technology either ignore or better understand Font Awesome.

+

When using icons in your UI, there are manual techniques and ways to help assistive technology either ignore or better understand {{ site.forkawesome.name }}.

Icons used for pure decoration or visual styling

-

If you're using an icon to add some extra decoration or branding, it does not need to be announced to users as they are navigating your site or app aurally. Additionally, if you're using an icon to visually re-emphasize or add styling to content already present in your HTML, it does not need to be repeated to an assistive technology-using user. You can make sure this is not read by adding the aria-hidden="true" to your Font Awesome markup.

+

If you're using an icon to add some extra decoration or branding, it does not need to be announced to users as they are navigating your site or app aurally. Additionally, if you're using an icon to visually re-emphasize or add styling to content already present in your HTML, it does not need to be repeated to an assistive technology-using user. You can make sure this is not read by adding the aria-hidden="true" to your {{ site.forkawesome.name }} markup.

{% highlight html %} diff --git a/src/_includes/accessibility/cta-cdn-ally.html b/src/_includes/accessibility/cta-cdn-ally.html deleted file mode 100644 index 61d4fe3a6..000000000 --- a/src/_includes/accessibility/cta-cdn-ally.html +++ /dev/null @@ -1,11 +0,0 @@ -
-
- - - -
-

Automate your icons' accessibility

-

Font Awesome CDN helps you automate accessibility support more easily so your icons work for the most people possible. You only need turn on a setting and any icons you use will have all of the best practices we recommend applied automatically.

- - Get Automated Accessibility -
diff --git a/src/accessibility.html b/src/accessibility.html index f201921ab..71681ab87 100644 --- a/src/accessibility.html +++ b/src/accessibility.html @@ -15,7 +15,10 @@ relative_path: ../

- Icons are symbols that can convey a ton of information and really help people comprehend directions, signs, and interfaces. It's important that we create and use them so that they can reach the largest amount of people possible. + Icons are symbols that can convey a ton of information and really help + people comprehend directions, signs, and interfaces. It's important + that we create and use them so that they can reach the largest amount + of people possible.

diff --git a/src/cheatsheet.html b/src/cheatsheet.html index d04a2aec2..56c38676e 100644 --- a/src/cheatsheet.html +++ b/src/cheatsheet.html @@ -12,11 +12,17 @@ relative_path: ../
{% capture stripe_ad_content %}

- Print this page to PDF for the complete set of vectors. Or to use on the desktop, install FontAwesome.otf, set it as the font in your application, and copy and paste the icons (not the unicode) directly from this page into your designs. + Print this page to PDF for the complete set of vectors. Or to use on the + desktop, install FontAwesome.otf, set it as the font in your application, + and copy and paste the icons (not the unicode) directly from this page into + your designs.

{% endcapture %} -

Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, & Unicode

+

+ Every {{ site.forkawesome.version }} {{ site.fontawesome.version }} Icon, + CSS Class, & Unicode +

{% assign sorted_icons = icons | expand_aliases | sort_by:'class' %}