w3c/a11ySlackers

Slackers unite

zakim-robot

@zakim-robot

[Scott O'MG] i would caption the image with the figcaption

[higley] It sounds perhaps like the name of the figure could be a heading, depending on the rest of your content structure. For the image/caption, just follow Scott's article :)

[Scott O'MG] caption is for everyone, alt text describes the image for screen readers

[James T] oh I see, I didn't look at the actual article.

[Scott O'MG] well then…

[James T] (sob emoji)

[James T] (sob emoji) That should learn me.

zakim-robot

@zakim-robot

[Scott O'MG] tend to agree with what Sarah was saying, again noting her caveat of depending on content structure.

though, it may be due to that lack of structure clarity here as to why i’m not sure i get why it’s necessary to potentially have something that is read as:
figure 1
description of image
figure 1., followed by additional caption text

[olga.volosatova] Hello! I have a question about difference between a11y testing and audit. the customer ordered an accessibility audit, while in the system requirements, in addition to the main desktop platforms, he mentioned the last four versions of the android. if it makes sense to test with a screen reader on these versions if we talk about audit? preliminary testing with screen reader has already shown low level of accessibility. I believe that testing on several versions is different, the audit is aimed at global bugs. tell me if I'm right or not. thanks!

zakim-robot

@zakim-robot

[Alex Umstead] Is it just me, or does VoiceOver on iOS 13 now try to auto-describe CSS background images?

zakim-robot

@zakim-robot

[Scott O'MG] test case?

zakim-robot

@zakim-robot

[Alex Umstead] So, I'm not 100% sure if I can share the actual thing I found. But doing a CodePen, it might be a more complex issue than these just being background images, since if I put two background images on a page, VO ignores them.

[claudio] How would I have options read as clickable for a screen reader in a javascript select jump menu? Would it be good enough that the parent element is announced as a combo box?

Agnel Jeo

@CaptainColdAJ

@zakim-robot @scott Can you send me the link for the so-called article... I don't seem to find it anywhere in the given post

zakim-robot

@zakim-robot

[dean] 191203_Navigation-question.png

zakim-robot

@zakim-robot

[Jean-Francois Hector] I’m struggling to figure out exactly how WCAG Success Criterion 2.4.1 ‘Bypass blocks’ applies to native apps.
The Success Criterion reads:

A mechanism is available to bypass blocks of content that are repeated on multiple Web pages. (Level A)

[Jean-Francois Hector] For desktop native apps at least it’d often be really helpful to have something that helps us go straight to the main content of each page.

But in practice, I haven’t ever seen anything like a “Skip to main content” link on a native apps. Have you?

[Jean-Francois Hector] More generally, I’d love to find some good / authoritative guidance about how each WCAG success criteria apply to native apps.
The closest thing I know of is this a W3C Working Group Note from 2013 called WCAG2ICT https://www.w3.org/TR/wcag2ict/

Mark McCarthy

@charmarkk

@CaptainColdAJ Were you referring to Scott O'Hara's (O'MG's) article? I believe it's this one: https://www.scottohara.me/blog/2019/01/21/how-do-you-figure.html

Ah - it may have been edited in, which is why you didn't see it. :)

zakim-robot

@zakim-robot

[stevef] @powrsurg from looking at the instructors should be good

zakim-robot

@zakim-robot

[kirabug] Site headers: I have heard “your site header / logo should never be an H1” and “your site header / logo should never be an H1 because the page content should be the H1 instead”. Is there a consensus I’m unaware of?

zakim-robot

@zakim-robot

[unknown] Auditing a site right now that has 260+ pages. As a result, I've been given a giant page that contains every layout/component, and then a list off one off pages (such as search results).

I know in an ideal world, I'd actually go through each page but obviously that is not happening.

Anyone have any strategies for this?

zakim-robot

@zakim-robot

[techa11y] Anybody know of any tools that help in checking for the new WCAG 2.1 success criterion 2.1.4 Character Key Shortcuts?
https://www.w3.org/WAI/WCAG21/Understanding/character-key-shortcuts.html

[techa11y] I mean, are you expected to inspect the JavaScript for key handlers?

[techa11y] If the key commands aren’t clearly and obviously documented (which would be its own problem), it seems like it would be very challenging to even know they were there.

zakim-robot

@zakim-robot

[Martin Silverio] Hey guys, have a semantic html question: What’s a good tag to use to label filtering panels on the sides that you see on shopping sites like Nordstrom, Target, etc.? Would they be considered <nav>?

zakim-robot

@zakim-robot

[ian] quick question: what's a best practice for indicating that a button opens a modal? i have a few different buttons in close succession but want to distinguish the ones that will open a modal... aria-haspopup seems overloaded/wrong (from https://www.levelaccess.com/expanding-the-use-of-the-aria-haspopup-property/)... should i just append (opens modal) via an aria-label ?

Agnel Jeo

@CaptainColdAJ

Thanks alot @charmarkk

zakim-robot

@zakim-robot

[Rose Peruski] I am testing a site (NVDA on Chrome) and there is button that properly announces as collapsed when it receives focus, but does not announce when the state changes (expanded/collapsed). Does anyone know why that would happen?

zakim-robot

@zakim-robot

[claudio] Harris Schneiderman of Deque gave a fantastic webinar a couple weeks ago, which has just been posted on YouTube. The first part discusses an approach to annotating your designs in a prototyping tool like Sketch, Invision or Adobe XD. The second part (starting at 29:10) shows some live coding with axe Pro that’s a great intro to accessibilty for any front-end dev.
https://www.youtube.com/watch?v=5gFSru8yGaU

zakim-robot

@zakim-robot

[JimKIely] I'm doing some research and I found an article: https://mita.gov.mt/en/eGov/DevelopmentToolkit/Pages/Articles/Common%20Accessibility%20Pitfalls%20in%20eService%20Development/The-top-10-common-Accessibility-Issues-.aspx
I'm looking at this list I decided to see if I could find example code that solves these issues. A good accessible form example would solve the following issues|:
Form fields lack meaningful description
Asterisks to indicate mandatory fields not placed after labels
Submit button lacks a meaningful description
Replies and Messages not marked using Standard HTML headings

|I spent about 15 minutes googling and I did not find anything. I'm I the only one who finds it hard to find good accessibility examples? Does anyone have a good accessibilty friendly form that solves these issues?

zakim-robot

@zakim-robot

[mpeace] My designers have come to me with a request to have page results filter when clicking a checkbox. They put forth Target as an example. Knowing some of Target's history with accessibility :eye-twitch:, is this considered accessible? That is, it's a change of content, not a change a context. Example URL:
https://www.target.com/c/big-tall-activewear-clothing-men/-/N-4xwchZg02vb?Nao=0

zakim-robot

@zakim-robot

[unknown] If a menu in a primary navigation can be opened via hover but not on click, it is only a failure if the link that activates the menu on hover takes you to a page that does not have content that guides you to the items in the menu, right?

[unknown] That may be confusing. Sorry in advance if so.

zakim-robot

@zakim-robot

[vavroom] @ I’m not sure I fully understand your question. The critical point, for me, however, is “can be opened via hover but not on click”. That seems to me like keyboard users would have a hard time - hence it would be a fail?

zakim-robot

@zakim-robot

[unknown] @vavroom I always recommend that it can be opened via hover or focus, but I am trying to make sure that I am not crazy. I thought I saw a discussion here once saying on hover only would pass if the page you navigate to has content with links that bring you to the pages featured in the submenu

[unknown] Basically, I'm trying to make sure I have my basis' covered because I know this is going to be argued lol

[claudio] ^ you mean on focus, not on hover, right?

zakim-robot

@zakim-robot

[unknown] If I were to build it, I would have it only open on click. The site I am reviewing is only on hover, so I guess I mean I recommend that it can be opened via hover or on click in this case.

[unknown] My bad, I am not great at explaining haha

larryhudson

@larryhudson

Hi all! I'm conducting a web audit, and I've run into a strange issue - the site has conventional 'skip to main content' links, which are hyperlinked like <a href="#main">, but on internal pages, the skip link sends them back to the homepage, or "/#main". It seems like the browser thinks it's an absolute URL rather than a relative anchor link. Has anyone come across this before? Here's a page as an example: https://www.hpv.org.au/about-us/our-organisation/

(by the way, the pages have a <main> element with the id 'main', so the target anchor isn't missing)

zakim-robot

@zakim-robot

[backwardok] hmm that’s really weird - when I hover over the link, the URL shows up as https://www.hpv.org.au/#main

[westont] Check to see if a <base> is set in the <head> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

[westont] Yep, removing this like should fix it <base href="https://www.hpv.org.au/">

[westont] (but may also break other links on the page that are relying on that behavior)

larryhudson

@larryhudson

Ah, thanks so much! I was stumped. I'll have a look around to see if any of the site is actually relying on that

zakim-robot

@zakim-robot

[Angelique] I'm working on a demo for a single-page site that has a hamburger nav on mobile; the anchor links on the nav correspond to sections . On desktop, keyboard navigation works as expected, but on mobile, after the menu is closed, the hamburger button retains focus -- should I add tabindex="0" to the sections or is there a better way to fix this?

zakim-robot

@zakim-robot

[rhendriks] Hi all, question regarding the use of iframes on a page. how accessible are they using a screen reader? the implementation is pretty straight forward i would think (iframe with proper name) but how is the UX (given that it’s embedded in your site but you don’t have any proper control over it)

Where communities thrive

People

Repo info

Activity