- From: Guy Hickling <guy.hickling@gmail.com>
- Date: Wed, 20 Dec 2023 01:03:59 +0000
- To: WAI Interest Group discussion list <w3c-wai-ig@w3.org>
- Message-ID: <CAAcXHNLsmh4UxyNBG49rsgNtEcUOSvGii3Lt1+MmzrW9T_FDWw@mail.gmail.com>
I agree with Steve, breadcrumb links could be construed as being a “sentence”, and there is no other text other than the links to constrain their size. Although breadcrumb links are not mentioned in the Understanding document for SC2.5.8, they are very like the examples of rows of buttons in Figures 6 and 7 – long rectangular targets placed end to end (ignoring the chevrons which aren’t in the link targets). The only difference is the button borders aren’t present in the links. So if we look at the reasoning around those two cases, we can apply the same logic to breadcrumb links. In most websites, the breadcrumb links are in the standard font of the page, usually 16px. So they are undersized according to what is said in the Understanding doc. But on most websites, there isn’t usually any other target immediately above or below them, so the 24px minimum for target size OR spacing is met in those cases. However, three things can happen: 1) The breadcrumb links might be directly below other links in the header (quite often, the main menu). In that case we would have to ask if the height of the breadcrumbs plus the spec between them and the menu (or other targets) is less than 24px – that would be a fail. 2) When displayed on a narrow screen device such as a phone, do the links wrap onto a second line? If they do, then they would look like Figure 7. Then the two rows might be close enough that the 24px circles postulised (yes, I know that’s not a real word, but I like it!) by the Understanding document’s examples would intersect – again a fail. A touch screen phone user with big fingers, or hand dexterity impairments, might in that case have difficulty tapping the right links. 3) Some websites have breadcrumbs in a smaller font than 16px, or possibly a smaller line height. Actually, there is one other factor I haven’t mentioned yet, which would usually see us ok in both the above situations of (1) and (2). The link font size might only be 16px, but there is also the line height. That extends the vertical spacing between two lines of text. Websites usually specify a line height on text, in the CSS, and more often than not, websites set it to 1.5. That makes the line height 24px for a 16px font; i.e. the real height of the line is 24px. If that is true for your website, the line height will be enough to satisfy 2.5.8. In that situation there would only be a problem if the breadcrumb links are in a small font size of less than 16px. With 12px font, for instance, and a 1.5 line height, the line height would be 18px. So the above situations (1) and (2) will fail. (Actually, the very wording of the SC and Understanding document is ambiguous, and I have raised this before. When they say “The size of the target for pointer inputs is at least 24 by 24 CSS pixels”, do they mean both height and width must separately be at least 24px? Many engineers and geographers faced with wording like that would assume the total *area* should be less than 576 square pixels (24 times 24). Fortunately, if we read the examples in the Understanding for 2.5.8 for long enough, the intended meaning is clarified. But it was confusing wording. And the wording of the Note, “Targets that allow for values to be selected spatially based on position within the target are considered one target” isn’t much better, further bolstering W3C’s reputation for abstruse language!) Given that breadcrumb links are so ubiquitous, I suggest it would be a good idea to add their example to the Understanding document for SC2.5.8 along with the possibilities in (1) to (3) above.
Received on Wednesday, 20 December 2023 01:04:19 UTC