Archive index

A11y Slackers Gitter Channel Archive 17th of August 2017

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    Aug 17 07:50
    [sophieschoice_slack] Guys, I want to really become a consultant on website optimalisation (SEO, usability and accessibilty). I have good knowledge of HTML, OK knowledge of CSS, I know the theory of SEO, usability and accessibility (last one the basics). I am not great with programming, so Javascript, jquery and PHP are out of the window for me. Which skills do you recommend me to work on/develop, so I won´t let clients down with quality of my work? Which materials/articles/books do you recommend?
  2. [sophieschoice_slack] I wanted to do Marcy Suttons course on Egghead.io, but since it is for premium subscribers of that site only I am looking for alternatives. Paying 200 bucks to do 1 course is to expensive for me.
  3. zakim-robot
    @zakim-robot
    Aug 17 08:45

    [tiffy23] Hello @sophieschoice_slack! Have you had a look at the courses by Google? They offer quite a lot of resources:

    https://developers.google.com/training/
    https://analytics.google.com/analytics/academy/
    https://www.thinkwithgoogle.com/intl/en-gb/marketing-resources/programmatic/google-digital-academy/
    https://learndigital.withgoogle.com/digitalgarage/
    https://www.udacity.com/course/web-accessibility--ud891#

    There are also free courses at https://www.codecademy.com/

    I would focus on HTML, CSS, SEO, UX and accessibility. In my opinion you don't need in-depth knowledge of JS or PHP as a consultant, although I - as a full stack web developer - always love working with people who have a good technical understanding. It sure helps with communication! :)
    So doing a basic course in some script language or programming language would be great too!

    I hope my suggestions are of help to you! :)

  4. [tiffy23] PS: I'm sure that Marcys course is worth the price though, learning from an expert is great! :)
  5. zakim-robot
    @zakim-robot
    Aug 17 09:00
    [sophieschoice_slack] Hi @tiffy23 ! I forgot to add that I indeed know Googles courses: I am Analytics certified (well, I need to renew it this year). But thanks for the links! Will check them out!
  6. zakim-robot
    @zakim-robot
    Aug 17 13:18
    [tink] Congratulations @tyronem
  7. [tyronem] Thank you @tink!
  8. [tink] How did you find it?
  9. zakim-robot
    @zakim-robot
    Aug 17 13:24
    [tyronem] It was not difficult, you just had to pay very close attention to the phrasing of the questions or else it would trip you up. The deque university course helped a lot.
  10. zakim-robot
    @zakim-robot
    Aug 17 20:31
    [jack_nicolai] On our website we often compose information into content cards. I am reviewing a design wherein a button on the card causes the card to flip over, showing additional content. There is a back button to return to the previous state. I am trying to wrap my head the correct design pattern to mark up appropriate ARIA attributes so assistive technology users understand how to use these cards. The cards can be presented in a grid. We are already implementing a grid design pattern for navigating from card to card. The question is about how to communicate the context of the card. Is this a modal experience? Is this a form of accordion? Not exactly. Could be a two state carousel, but that seems like overkill.
  11. zakim-robot
    @zakim-robot
    Aug 17 20:44
    [kimberlymunoz] It seems like an accordion to me with an expanded and non expanded state.
  12. zakim-robot
    @zakim-robot
    Aug 17 20:50
    [jack_nicolai] @kimberlymunoz Accordian is where my mind went first, but in an accordion style the expanded state contains all of the content. This card in state 1 shows some of the same content (a call to action), where state 1 also replaces the main body content with other text.
  13. zakim-robot
    @zakim-robot
    Aug 17 21:14
    [garcialo] I don’t see why that couldn’t also be done with an accordion. I can totally understand having something like a “More/Less” button in the panel…just call it something more appropriate for the context.
  14. zakim-robot
    @zakim-robot
    Aug 17 22:10
    [jack_nicolai] card grid.png
  15. [joe-watkins] @jack_nicolai That just sounds like skip links in content if you removed CSS/JavaScript/Flip animation. Focus management would be critical. Might not need any ARIA here.
  16. zakim-robot
    @zakim-robot
    Aug 17 22:24
    [jack_nicolai] @joe-watkins - Hmm. My preference is to set the focus on the “go back” button when displaying state #2. This is similar to focusing on a Close button when you display a dialog or next screen in a mobile app. A skip link is usually used for content that is always visible in the DOM, but may be scrolled out of view. In this case, we aren’t scrolling content, but rather display 1 of 2 <div> depending upon which state you are in.
  17. zakim-robot
    @zakim-robot
    Aug 17 22:29
    [joe-watkins] @jack_nicolai That could work… a screen reader user would have to work back up the DOM to discover that content that precedes the “go back” button… unless those are absolutely positioned. SR user would hear “See More” and then “Go Back” upon activation. One idea could be to send focus to the content and let the user discover the back links.
  18. [jack_nicolai] @joe-watkins - agreed, best of user test to see what most people expect to happen. The more I look at it the more if feels like to a upside-down accordion. I am going to try to encourage the designer to consider allowing the card to expand down rather than maintain a fixed height if possible.