Giter VIP home page Giter VIP logo

accessibility_interview_questions's Introduction

Accessibility Interview Questions

These questions try to stay away from asking people to recite specifications, or rattle off screen reader hot keys. Those can easily be looked up on the job. Instead these questions try to act as conversation starters, to gain insight into how someone solves problems, and interprets accessible, inclusive user experiences.

Questions are grouped into four buckets:

  1. General,
  2. Technical,
  3. Design, and
  4. Content

These categories may be a mistake, but we're going with it for now. If you have ideas for categories, and questions in general, please let us know! Ideally a candidate would be able to answer questions from each category.

General

  • Who benefits from accessibility?
  • How would you define inclusive and/or universal design?
    • Can you provide an example? (does not need to be web/tech related)
  • How has your approach to accessibility changed over time?
  • Name some ways responsive/mobile first design can affect accessibility.
  • What are some user experience (UX) concerns to be aware of when using iconography in user interfaces (UI)?
  • What assistive technologies (ATs) are you familiar with (desktop and/or mobile)?
    • What do you feel is your skill level with these AT(s)?
  • What are skip links?
    • What benefit(s) do they provide?
    • What are some of their limitations?
  • What are some of the tools available to test the accessibility of a website or web application?
  • What is WCAG?
    • What are the differences between A, AA, and AAA compliance?
  • How can using plain language benefit the accessibility of a project?
  • Describe instances where one might use a link or button.
  • Describe ways to convey an element or component's state that aren't entirely reliant on visuals.
  • How can carousels be problematic for users with disabilities?
  • How would you convince your Manager to allocate funds for an accessibility audit?
  • Describe a situation where a coworker may have been resistant to accessibility or inclusive design best practices.
    • What sort of strategies do you use in situations like these to help educate coworkers?
  • If one is looking to take on a leadership role:
    • Describe the kind of culture around accessibility you would create and how you would go about creating it
    • When there is more accessibility work to be done than the team can handle, how do you prioritize?
    • If a client/stakeholder doesn't want to pay for accessibility what would you do?

Technical

  • What methods can you use to find an element's accessible name?
  • What is the accessibility tree?
  • Why are rems or ems preferable to pixels for setting type size?
  • Why is it important to allow the viewport to be resized, and/or zoomed?
  • How is the title attribute exposed to assistive technologies?
    • What kind of elements can title attributes be used on?
    • What sort of information is appropriate for use with the title attribute?
  • Provide an example of when you might need to add a description to an element.
    • How would you expose that description programmatically?
  • What is a focus trap, or focus trapping?
    • Describe an instance of when you'd need focus trapping.
    • Describe an instance of when this would be an accessibility barrier.
  • Describe a situation where the tabindex attribute would be useful.
    • Provide an example of when using the tabindex attribute can cause problems.
  • What are landmark regions and how can they be useful?
  • In what situations might you use a toggle button, vs a switch control, vs a checkbox?
  • Describe methods to hide content:
    • From all users.
    • From only screen reader users.
    • From sighted users, but not screen reader users.
    • And why you might do so.
  • Provide examples of common incorrect usage of ARIA attributes.
  • Aside from screen readers, what other assistive technologies can be affected by use of ARIA? How?
  • What is the difference between the following attributes: hidden, aria-hidden="true" and role="presentation" or role="none"?
  • Describe instances where you might need to use aria-live.
    • What values (such as assertive or polite) might you give the attribute in different situations?
  • How would you mark-up an icon font or SVG that was for decorative purposes?
  • Is CSS pseudo content understood by screen readers?
  • What is the purpose of the alt attribute for images?
    • Can you describe the effect of an empty alt, and/or the lack of the attribute, on an image?
    • In what instances might an empty alt or no alt be appropriate?
    • How might alternative text for an image vary, depending on the context the image is used in?
    • Since svgs don't accept the alt attribute, how can one provide alternative text for these graphics?
    • Do you need to supply an image an alt attribute if used witin a figure with a figcaption?
  • Describe the steps you take in reviewing or auditing a website or application for accessibility?
  • Describe an instance where an automated test would not flag a blatant accessibility error?
  • When should you use or recommend ARIA roles or attributes to solve an accessibility issue?
  • Describe your process for figuring out if an accessibility bug is due to a developer, browser, or assistive technology error?
  • What is the difference between legend, caption and label elements?
    • What are their similarities?
  • Describe the purpose of heading and header elements, and how they are useful in websites and applications.
  • Describe how you'd handle managing keyboard focus within a single page web app (SPA) when changing routes.
  • Name an ARIA attribute that requires either a child/parent relationship or a pairing role.
  • What is your understanding of "accessible name computation" and how it affects modifying the way screen readers announce certain content?
  • What are some issues with modifying normal scrolling behavior? For example: infinite scrolling or scrolljacking.
  • Some ARIA widgets are presently best supported on devices with physical keyboard, rather than mobile/touch interfaces. Are you aware of any widgets that would be described this way, and why?

Design

  • Talk about the pros and cons of flat and skeuomorphic design trends in regards to accessibility.
  • Explain the importance of color contrast in designing for inclusion.
  • Besides :hover, name other states an actionable element (links, buttons, form controls, etc.) could have styles for, and why providing them is important?
  • When might it be appropriate to remove the visual outline from a focused element?
  • If a form or form field were to return an error message, where might you want those error messages to be located?
  • How can utilizing animation in an interface affect the user experience?
  • Explain how you could make an infographic accessible for screen reader users.
  • Why is color alone insufficient to draw attention to actionable elements, or to convey state?
  • What are some of the inclusive UX problems that need to be solved when content (static or actionable) is revealed on :hover, and how would you propose solving for them?

Content

  • What are some things you can do to make an accessible presentation?
  • Is it possible to make email accessible?
  • How can you make a podcast accessible?
  • How would you make sure that a Word document is accessible?
  • How would you make sure that an Excel spreadsheet document is accessible?
  • Why is it important to tag a PDF correctly?
  • What goes into making an accessible eBook?
  • Tell me some social media accessibility best practices.
    • Facebook
    • Instagram
    • Pinterest
    • Snapchat
    • TikTok
    • Twitter
    • YouTube
  • How would you handle a situation where your organization accidentally disseminates an inaccessible document?
  • What do you think should happen if an employee repeatedly ignores making their documents accessible after being trained?
  • What steps would you undertake to create a sustainable culture of creating accessible documents?
  • In your previous experiences, was there an opportunity to insert accessibility checks and content authoring best practices into existing workflows?

Have a question to add?

Create an issue, or submit a pull request for consideration.

Thank you

Thank you to all contributors. Special shoutout to Eric Bailey and Ashley Bischoff for many contributions not recorded by GitHub.

accessibility_interview_questions's People

Contributors

aviquid avatar deconspray avatar ericwbailey avatar handcoding avatar katekalcevich avatar krosenk729 avatar marcjohlic avatar poorgeek avatar robfentress avatar scottaohara avatar stevestar888 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

accessibility_interview_questions's Issues

Interpersonal skills questions

Can you give an example of where you were able to convince a developer or administrator who was resistant to your advice regarding accessibility to change their mind? What strategies did you use?

Question use of word 'inappropriately'

Thank you for compiling this list. I am having an interview next week and it is great prep.

In the question Describe an instance of inappropriately using ARIA attributes, inappropriate is generally more a reference of human behaviour.

Would this question be better posed as 'Describe an instance of incorrectly used, or invalid, ARIA attributes.

If there is a reason inappropriately is used please let me know how the word should be interpreted. :-)

Translation in French

Hi guys,
I'm ready to translate these questions in french cause I think they are interesting for french speakers.
Are ok, and how czan I do U?
thank u

ARIA questions

Can you name an ARIA role, property, or state that is not currently supported by the latest version of at least one popular assistive technology?
What other assistive technologies can be affected by use of ARIA, aside from screen readers? How?
Can you give an example of a pattern described in the ARIA Authoring Practices that would be problematic for smart phone users? In what ways?

Add answers

These questions are great, but I feel like everyone would benefit from including answers with each question.

You might be able to accomplish this via the <details> and <summary> tags, like so:

This is a question?

And this is the answer.

Syntax example in a README

Yay? Nay?

Unclear wording on single page application question

One of the questions in the Technical section is:

Describe how you'd handle a single page web app should and managing focus when changing routes.

I understand the overall gist of the question (handling navigation and focus in SPAs) but the phrasing is confusing to me. It seems there may have been an editing error.

Accessible Materials Specialist

How about adding a section on interview questions for an Accessible Materials Specialist. Questions around making sure that Word, Excel, PPT files are accessible and structured with good design. Proper tagging of PDFs, etc. Things that are not web pages or web applications, but are downloaded or distributed electronically.

Questions that may need re-writing for clarification.

Observations when reading the list of questions and my thoughts for two of them.

If I was asked the following questions I would require more information to answer.

Describe what someone would use heading tags for?
I would ask if this question referred to the <header> element as related to banner, or, level headings as in <h1>, <h2> etc.

What are your thoughts on modifying the way screen readers announce certain content?
This would depend on the definition of 'certain content' and whether it is related to when content is announced as opposed to 'the way'. :-)

category of questions

The questions below are under dev; I suggest they move to design (or general):

  • Describe appropriate instances to use a link, vs a generic button, vs a submit button
  • Why shouldn’t you only rely on visual styling to indicate state?
  • What are some issues with carousels?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.