New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[LowVision] Techniques needed for Icon Fonts #144

Closed
joshueoconnor opened this Issue Jan 12, 2016 · 14 comments

Comments

Projects
None yet
4 participants
@joshueoconnor
Contributor

joshueoconnor commented Jan 12, 2016

The use of Icon fonts is more prevalent, do we need techniques for Icon fonts? My sense is yes. They are semantically rich, whether in a Unicode like strings etc or whatever.

@awkawk

This comment has been minimized.

Show comment
Hide comment
@awkawk

awkawk Apr 12, 2016

Member

Preparing to mark as deferred due to inactivity and group resource constraints (https://www.w3.org/WAI/GL/wiki/Handling_Issues).

Member

awkawk commented Apr 12, 2016

Preparing to mark as deferred due to inactivity and group resource constraints (https://www.w3.org/WAI/GL/wiki/Handling_Issues).

@lauracarlson

This comment has been minimized.

Show comment
Hide comment
@lauracarlson

lauracarlson Apr 12, 2016

Contributor

Hi Andrew and Josh,

I worked on some techniques in the Wiki last February.

Thoughts?

Thanks,
Laura

Contributor

lauracarlson commented Apr 12, 2016

Hi Andrew and Josh,

I worked on some techniques in the Wiki last February.

Thoughts?

Thanks,
Laura

@joshueoconnor

This comment has been minimized.

Show comment
Hide comment
@joshueoconnor

joshueoconnor Apr 12, 2016

Contributor

Good work @lauracarlson. I think they look really good, and just got missed somehow. I'd say they are ready for WG review @awkawk is this ok with you, and enough reason to not mark as deferred?

Contributor

joshueoconnor commented Apr 12, 2016

Good work @lauracarlson. I think they look really good, and just got missed somehow. I'd say they are ready for WG review @awkawk is this ok with you, and enough reason to not mark as deferred?

@awkawk

This comment has been minimized.

Show comment
Hide comment
@awkawk

awkawk Apr 12, 2016

Member

Yep, this qualifies as activity!

Member

awkawk commented Apr 12, 2016

Yep, this qualifies as activity!

@joshueoconnor

This comment has been minimized.

Show comment
Hide comment
@joshueoconnor

joshueoconnor Apr 13, 2016

Contributor

Excellent, and many thanks to @lauracarlson for this - looks great.

Contributor

joshueoconnor commented Apr 13, 2016

Excellent, and many thanks to @lauracarlson for this - looks great.

@lauracarlson

This comment has been minimized.

Show comment
Hide comment
@lauracarlson

lauracarlson Jul 5, 2016

Contributor

Hi @joshueoconnor and @awkawk,

Here is an update. I have added 2 new separate real icon font techniques that use the Unicode Private Use Area (PUA) and @font-face.

  1. Using aria-hidden="true" on an icon font that AT should ignore
  2. Providing an On-Screen Text Alternative for an Icon Font

In addition, I've revised 2 of the original Unicode techniques to in fact indicate that they use "Unicode Characters" instead of "Icon fonts" and updated them to address survey comments.

The first Unicode technique is: Using aria-hidden="true" on Unicode characters that AT should ignore. I updated per Andrew's and Mo's survey comments by simplifying the procedure and having the technique be specific to Unicode characters.

The second Unicode one is: Unicode Character with an On-Screen Text Alternative . I updated per Makoto's and Andrew's survey comments by removing the figure element and simplifying the procedure.

I have not updated the 3rd Unicode technique that used an off-screen text alternative and would like to withdraw it completely. As Wayne astutely said, some people who need alternative text will need to see it and may not be screen reader users.

NEXT STEP

I've asked the Low Vision Task Force for input on the 4 techniques.

Thoughts for improvement appreciated. Thanks.

Contributor

lauracarlson commented Jul 5, 2016

Hi @joshueoconnor and @awkawk,

Here is an update. I have added 2 new separate real icon font techniques that use the Unicode Private Use Area (PUA) and @font-face.

  1. Using aria-hidden="true" on an icon font that AT should ignore
  2. Providing an On-Screen Text Alternative for an Icon Font

In addition, I've revised 2 of the original Unicode techniques to in fact indicate that they use "Unicode Characters" instead of "Icon fonts" and updated them to address survey comments.

The first Unicode technique is: Using aria-hidden="true" on Unicode characters that AT should ignore. I updated per Andrew's and Mo's survey comments by simplifying the procedure and having the technique be specific to Unicode characters.

The second Unicode one is: Unicode Character with an On-Screen Text Alternative . I updated per Makoto's and Andrew's survey comments by removing the figure element and simplifying the procedure.

I have not updated the 3rd Unicode technique that used an off-screen text alternative and would like to withdraw it completely. As Wayne astutely said, some people who need alternative text will need to see it and may not be screen reader users.

NEXT STEP

I've asked the Low Vision Task Force for input on the 4 techniques.

Thoughts for improvement appreciated. Thanks.

@joshueoconnor

This comment has been minimized.

Show comment
Hide comment
@joshueoconnor

joshueoconnor Jul 8, 2016

Contributor

Thanks for this Laura - great stuff. Please let me know when the LVTF have reviewed it and we will bring it the wider group for approval.

Contributor

joshueoconnor commented Jul 8, 2016

Thanks for this Laura - great stuff. Please let me know when the LVTF have reviewed it and we will bring it the wider group for approval.

@patrickhlauke

This comment has been minimized.

Show comment
Hide comment
@patrickhlauke
Member

patrickhlauke commented Jul 8, 2016

Possibly related...advice to actually not use icon fonts altogether: https://speakerdeck.com/ninjanails/death-to-icon-fonts / http://blog.cloudfour.com/seriously-dont-use-icon-fonts/

@joshueoconnor

This comment has been minimized.

Show comment
Hide comment
@joshueoconnor

joshueoconnor Jul 8, 2016

Contributor

Thanks @patrickhlauke . @lauracarlson that may be useful.

Contributor

joshueoconnor commented Jul 8, 2016

Thanks @patrickhlauke . @lauracarlson that may be useful.

@lauracarlson

This comment has been minimized.

Show comment
Hide comment
@lauracarlson

lauracarlson Jul 11, 2016

Contributor

Thank you very much @patrickhlauke. I added the links to the resource sections of the Wiki pages.

Contributor

lauracarlson commented Jul 11, 2016

Thank you very much @patrickhlauke. I added the links to the resource sections of the Wiki pages.

@joshueoconnor

This comment has been minimized.

Show comment
Hide comment
@joshueoconnor

joshueoconnor Aug 16, 2016

Contributor

Thanks @lauracarlson are these updated technique ready for review?
Using aria-hidden="true" on an icon font that AT should ignore
Providing an On-Screen Text Alternative for an Icon Font

Contributor

joshueoconnor commented Aug 16, 2016

Thanks @lauracarlson are these updated technique ready for review?
Using aria-hidden="true" on an icon font that AT should ignore
Providing an On-Screen Text Alternative for an Icon Font

@lauracarlson

This comment has been minimized.

Show comment
Hide comment
@lauracarlson

lauracarlson Aug 16, 2016

Contributor

@joshueoconnor I've asked the LVTF what the next step is so you can can get them on a survey.

Contributor

lauracarlson commented Aug 16, 2016

@joshueoconnor I've asked the LVTF what the next step is so you can can get them on a survey.

@joshueoconnor

This comment has been minimized.

Show comment
Hide comment
@joshueoconnor

joshueoconnor Oct 18, 2016

Contributor

This has been taken up by the LVTF.

Contributor

joshueoconnor commented Oct 18, 2016

This has been taken up by the LVTF.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment