W3C

– DRAFT –
aria Authoring Practices Task Force

27 April 2021

Attendees

Present
carmacleod, garaventa, Jemma, jongund, MarkMccarthy, Matt_King, sarah_higley, Siri
Regrets
CurtBellew, jamesn
Chair
Jemma
Scribe
carmacleod

Meeting minutes

<Matt_King> rrsagent , make log public

Setup and review agenda

<Jemma> bryan's question will be answered by Jon

APG redesign project

<Jemma> summary by Matt

mck: new design template for WAI resources, including WCAG and all supporting documents

<Jemma> scibe: Carolyn

mck: so we are going to collaborate on the template

accordion example

Jemma: need to choose between 2 accordion examples. any feedback?

<Jemma> https://raw.githack.com/w3c/aria-practices/accordion-defaults/examples/accordion/accordion.html

<Jemma> option 1

mck: Sarah, can you summarize differences between option 1 and option 2?

sarah_higley: There's a link missing - I'll find it

<Jemma> option 2 : https://raw.githack.com/w3c/aria-practices/accordion-step-example/examples/accordion/accordion-group.html

<Jemma> https://github.com/w3c/aria-practices/pull/1834

sarah_higley: 2 different behaviors are: any accordion can be open or closed; or only one can be open at a time

<sarah_higley> Here's option 1 with two different examples: https://raw.githack.com/w3c/aria-practices/accordion-step-example/examples/accordion/accordion.html and https://raw.githack.com/w3c/aria-practices/accordion-step-example/examples/accordion/accordion-group.html

<sarah_higley> Here's option 2, with a checkbox to switch behavior on a single example: https://raw.githack.com/w3c/aria-practices/accordion-checkbox/examples/accordion/accordion.html

mck: To be clear, option one has 2 example pages in the APG

mck: I have a strong opinion, but I want to hear others' opinions

sarah_higley: I have a slight preference for independent example pages, because then the examples can be more realistic - more like what you would see in the wild

mck: I like separate example pages for this, because one is simple (no aria-disabled, for example), more common

mck: easier to make a point because the use cases are different

mck: option 1 is to have 2 pages, option 2 is to have a checkbox on 1 example page

<Jemma> + 1 for Jon

<Jemma> option 1 was selected for final implementation

brian: I think it would be more consistent to have 2 example pages - it would be easier to send a link to a client and say "do it this way"

<MarkMcCarthy> +1 to Bryan

carmacleod: for the record, I prefer the separate pages as well - nice to have 2 different use cases

Setup and review agenda

slider example

<Jemma> https://github.com/w3c/aria-practices/wiki/April-27%2C-2021-Agenda

<Jemma> https://raw.githack.com/w3c/aria-practices/slider-temperature/examples/slider/slider-temperature.html

<Jemma> https://raw.githack.com/w3c/aria-practices/slider-temperature/examples/slider/slider-temperature.html

<Jemma> we have four sliders to discuss and the first slider is temperature slider.

jongund: This is basically just breaking up the temperature slider into multiple pages.

mck: would like another accessibility review - not sure if aria-labelledby was working?

<Jemma> https://raw.githack.com/w3c/aria-practices/slider-seek/examples/slider/slider-seek.html

<Jemma> https://github.com/w3c/aria-practices/pull/1863

Jemma: next slider is media seek slider

jongund: in this example I don't use aria-orientation - should I use it?

mck: it's horizontal, so we shouldn't use orientation on this one

jongund: just wanted to double check

mck: I love how it's announced now. It's actually pretty sweet.

mck: it only says "of 5 minutes" when you tab in to the control, but arrows and pageup/down after that don't repeat the "of 5 minutes"

<Jemma> https://raw.githack.com/w3c/aria-practices/slider-multithumb-update/examples/slider/slider-multithumb.html

<Jemma> https://github.com/w3c/aria-practices/pull/1758

mck: what did we decide we needed for high contrast documentation for this one?

jongund: it is documented

mck: some day we will have a high contrast section in the APG coding practices

sarah_higley: yep

<siri> ./me Can I get the bug# for talkback issue you were referring Jemma?

<Jemma> https://github.com/w3c/aria-practices/pull/1758/conflicts

<Jemma> Bad value “presentation” for attribute “role” on element “svg”.

jongund: the validator doesn't like role none on svg

mck: I can fix this in the merge

<Jemma> fourth example is rating slider

<Jemma> https://raw.githack.com/w3c/aria-practices/slider-rating/examples/slider/slider-rating.html

<Jemma> https://github.com/w3c/aria-practices/pull/1867

mck: This is the one where you can do half-stars

mck: so do the stars have role none?

jongund: yes, the svgs have role none

mck: are the stars tap targets?

<siri> star rating usually considered as radio buttons

jongund: yes, and it works well on touch devices - tap on left side and get half, tap on right side and get whole star

mck: is it a problem for WCAG touch target size?

<Jemma> https://www.w3.org/WAI/WCAG22/Understanding/dragging.html

<siri> https://www.w3.org/TR/WCAG22/#pointer-target-spacing

sarah_higley: I don't think so, because it's just a visual style of the slider

<Jemma> https://www.w3.org/WAI/WCAG22/Understanding/pointer-target-spacing

APG index and coverage report

<Jemma> https://raw.githack.com/w3c/aria-practices/update-example-index/examples/index.html

jongund: I addressed all the issues

<Jemma> https://raw.githack.com/w3c/aria-practices/update-example-index/coverage/index.html

<Jemma> https://github.com/w3c/aria-practices/pull/1859

<Jemma> https://raw.githack.com/w3c/aria-practices/update-example-index/coverage/index.html

mck: I would like to help from the group to make sure the information in the index is accurate

Jemma: I can help with this

mck: not sure if we want to do implied semantics as well? For example, nav and not just navigation?

jongund: nav comes up for the navigation treeview and navigation menubar

Minutes manually created (not a transcript), formatted by scribe.perl version 127 (Wed Dec 30 17:39:58 2020 UTC).

Diagnostics

Maybe present: brian, mck