WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Should there be persistent visible text labels for search buttons or burger menu buttons?

for

Number of posts in this thread: 5 (In chronological order)

From: Wing Kuet
Date: Tue, Aug 10 2021 8:49AM
Subject: Should there be persistent visible text labels for search buttons or burger menu buttons?
No previous message | Next message →

--_005_AM7PR09MB3638D6D3EF5781F721850F68D5F79AM7PR09MB3638eurp_
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable

Does anyone have a view of whether a search magnifying image button next to=
a textbox should have a persistent visible text label?
[cid:image001.jpg@01D78DFF.4138FE30]


Also should there be a persistent visible text label for a burger menu butt=
on that usually appears by itself when a page is zoomed in?
[Icon Description automatically generated]

Regards,

Wing Kuet
Accessibility Consultant & Software Tester
Test Partners Ltd
= EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >


--_005_AM7PR09MB3638D6D3EF5781F721850F68D5F79AM7PR09MB3638eurp_
Content-Type: image/jpeg; name="image001.jpg"
Content-Description: image001.jpg
Content-Disposition: inline; filename="image001.jpg"; size=2204;
creation-date="Tue, 10 Aug 2021 14:49:09 GMT";
modification-date="Tue, 10 Aug 2021 14:49:09 GMT"
Content-ID: <image001.jpg@01D78DFF.4138FE30>
Content-Transfer-Encoding: base64

/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsK
CwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQU
FBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAvAL0DAREA
AhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQA
AAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3
ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWm
p6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEA
AwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSEx
BhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElK
U1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3
uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9U6AG
ySLEuWOBQBVbUVB+VCfqcUAN/tL/AKZ/+Pf/AFqAD+0v+mf/AI9/9agA/tL/AKZ/+Pf/AFqAD+0v
+mf/AI9/9agA/tL/AKZ/+Pf/AFqAD+0v+mf/AI9/9agA/tL/AKZ/+Pf/AFqAD+0v+mf/AI9/9agA
/tL/AKZ/+Pf/AFqAD+0v+mf/AI9/9agA/tL/AKZ/+Pf/AFqAD+0v+mf/AI9/9agA/tL/AKZ/+Pf/
AFqAD+0v+mf/AI9/9agA/tL/AKZ/+Pf/AFqAD+0v+mf/AI9/9agA/tL/AKZ/+Pf/AFqAF/tL/pn/
AOPUATRXkcpxnafQ0AT0AFADZJBEhY9BQBkyytM5Zj9B6UAcN8UfjX4F+Culxah438T6f4dt5s+S
t1JmWbGM+XEoLvjIztU4yKAOa+FX7Wfwj+Nmqf2Z4N8cWGqamQSljKktpcSADJ2RzojPgcnaDgUA
et0AFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQBesbkt+7Y5PY0AXaAKeothEX1OaAKFAHx
/wDsdeBdL+O/9rftB+NbODxD4h8Ralcx6El8gli0fToJniiihRhhWyjZfGT14LMWAPXP2j/2cPDn
xv8ABd7/AKFDpvjKxiNzofiO0Xybyxu0+aJllXDbdwAK5xjkYIBABa/ZP+KN58Z/2dfA3jDUjv1K
/sTHdyBdvmTwyPBI+O254mbjjnjigD1qgDN8QPcpYqbZZWHmL5ot/wDWeX32+9Lqr7DWzKmnXtk9
65tdQkCxoRNa3JdmyO43nIxznHFPo30JtdpdSWHXpHjtriS08uzuHCRyeZlxk4UsuOAfqetO2tmF
9HJbIjufErWjI0tssUTybFWSXbMRnG4RkdM+9EVzNLv/AFqOWl32/rQlOvMkl+z24W1s2KvKZPmb
jPyrjr06kdam+l/63sU173KvJjb2+vjpd08lr9mBtndZI5txQ7cgHgEH6Zqami89PzFFp2a2F07V
p/Msbe5t/L+0RFo5BLuJIAJ3DAwcc9TW0rc8lsQvhTNioKCgAoAKACgAoAKACgAoAdG2x1YdjmgD
ZoAp6iuURvQ4oAoUAfGfhbxTqv7CPiLxD4Z8S+HtW1j4N6jqM2q6F4k0a1a6/sfzmLSWl1Go3Kob
JVxnOe+4hABvxc/bZf4rfDzX9E/Z98NeIfH+u3VjMj61baXNBZ6dHsO990qqXl25CIBy2MZI2sAe
z/seal4MvP2dPBdp4F1I6jo2m2SWUpmXy7iK5UZnWaPJ8uTezMV6fMCCVIJAPZ6AK1/HdPGhtJVj
kVgxVxlXH90nqPqKOtx9ClLpk2pXkM12kUKxI6hYZC5bcMHJKjGPxpWWvnoF2reWpUsvDklt9miM
FiqwuCblYwZZFHQYK8Hpk5NVfW7Ito0V5PDN4LL7NGtmH83e1ySfMlAbcA3y8fmelEXyuL7W/Ap6
83maTaI09vqkEsgVbuQurJyV+UAZ/EVNvdS8/wBbjv77l5JfgLNbaneWMttKLVA0DRllZmLsRgHo
No/OlNc34fmKPu2XYcdLlN5pUu5NtojK4ycklQOOPatJO85S7/5iStFI1KkYUAFABQAUAFABQAUA
FADo13uqjucUAbNADZIxKhU9DQBkyxNC5Vh9D60AMoAKAOX8K/DDwt4H8ReJdd0HRoNL1TxJNHc6
rNblgt1KgIVymdqt8zElQCxJLZPNAHUUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFAF6xtiv
7xhg9hQBdoAKAGyRrKuGGRQBVbTlJ+VyPqM0AN/s3/pp/wCO/wD16AD+zf8App/47/8AXoAP7N/6
af8Ajv8A9egA/s3/AKaf+O//AF6AD+zf+mn/AI7/APXoAP7N/wCmn/jv/wBegA/s3/pp/wCO/wD1
6AD+zf8App/47/8AXoAP7N/6af8Ajv8A9egA/s3/AKaf+O//AF6AD+zf+mn/AI7/APXoAP7N/wCm
n/jv/wBegA/s3/pp/wCO/wD16AD+zf8App/47/8AXoAP7N/6af8Ajv8A9egA/s3/AKaf+O//AF6A
D+zf+mn/AI7/APXoAX+zf+mn/jtAE0VnHEc43H1NAE9ABQB//9k=

--_005_AM7PR09MB3638D6D3EF5781F721850F68D5F79AM7PR09MB3638eurp_
Content-Type: image/jpeg; name="image002.jpg"
Content-Description: image002.jpg
Content-Disposition: inline; filename="image002.jpg"; size=2501;
creation-date="Tue, 10 Aug 2021 14:49:09 GMT";
modification-date="Tue, 10 Aug 2021 14:49:09 GMT"
Content-ID: <image002.jpg@01D78DFF.4138FE30>
Content-Transfer-Encoding: base64

/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsK
CwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQU
FBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAA0AEYDAREA
AhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQA
AAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3
ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWm
p6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEA
AwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSEx
BhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElK
U1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3
uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9UKAO
PvvjJ4A0u9uLO88ceG7S8t5Ghmt59Xt0kidThlZS+QQQQQeQRXO8TRi7Oav6o5niqEW06iTXmiD/
AIXl8OP+igeFv/B1bf8AxdL61Q/5+L70T9bw/wDz8j96D/heXw4/6KB4W/8AB1bf/F0fWqH/AD8X
3oPreH/5+R+9B/wvL4cf9FA8Lf8Ag6tv/i6PrVD/AJ+L70H1vD/8/I/eg/4Xl8OP+igeFv8AwdW3
/wAXR9aof8/F96D63h/+fkfvQf8AC8vhx/0UDwt/4Orb/wCLo+tUP+fi+9B9bw//AD8j96Nzw145
8N+NPtP/AAj/AIg0rXfs23z/AOzL2O48rdnbu2MdudrYz1wfStIVadS/JJP0dzanWp1b+zknbs7m
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

--_005_AM7PR09MB3638D6D3EF5781F721850F68D5F79AM7PR09MB3638eurp_--

From: Patrick H. Lauke
Date: Tue, Aug 10 2021 9:08AM
Subject: Re: Should there be persistent visible text labels for search buttons or burger menu buttons?
← Previous message | Next message →

On 10/08/2021 15:49, Wing Kuet wrote:
> Does anyone have a view of whether a search magnifying image button next to a textbox should have a persistent visible text label?
> [cid:image001.jpg@01D78DFF.4138FE30]
>
>
> Also should there be a persistent visible text label for a burger menu button that usually appears by itself when a page is zoomed in?
> [Icon Description automatically generated]

In the normative/WCAG sense, no. From a more general usability point of
view, there will be those that argue that icons on their own by their
very nature are more difficult to understand than something with text,
while others will argue that they're "common" enough to be
understandable even for people with cognitive disabilities, through
sheer attrition/use. I personally fall in the latter camp.

P
--
Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke

From: glen walker
Date: Tue, Aug 10 2021 9:23AM
Subject: Re: Should there be persistent visible text labels for search buttons or burger menu buttons?
← Previous message | Next message →

Although non-normative, I *thought* one of the "understanding" sections
mentioned that an icon/image could be used as the "label" of a field,
assuming the image has alternative text (1.1.1), but I can't find the
reference now (but didn't look very hard either :-)). I checked 3.3.2 and
2.4.6.

I typically allow it when I review a website.

From: Max ability
Date: Tue, Aug 17 2021 8:09PM
Subject: Re: Should there be persistent visible text labels for search buttons or burger menu buttons?
← Previous message | Next message →

Hi Glen,
I think this is what you might be referring to.
G167:
https://www.w3.org/WAI/WCAG21/Techniques/general/G167

Rakesh

On Tue, Aug 10, 2021 at 8:54 PM glen walker < = EMAIL ADDRESS REMOVED = > wrote:

> Although non-normative, I *thought* one of the "understanding" sections
> mentioned that an icon/image could be used as the "label" of a field,
> assuming the image has alternative text (1.1.1), but I can't find the
> reference now (but didn't look very hard either :-)). I checked 3.3.2 and
> 2.4.6.
>
> I typically allow it when I review a website.
> > > > >

From: glen walker
Date: Wed, Aug 18 2021 2:34PM
Subject: Re: Should there be persistent visible text labels for search buttons or burger menu buttons?
← Previous message | No next message

Thanks for posting, Rakesh, but that's not the reference. Besides, G167
talks about having a *text* label on a button next to a field. I was
talking about having an *icon* on a button next to a field.

On Tue, Aug 17, 2021 at 8:09 PM Max ability < = EMAIL ADDRESS REMOVED = >
wrote:

> Hi Glen,
> I think this is what you might be referring to.
> G167:
> https://www.w3.org/WAI/WCAG21/Techniques/general/G167
>
> Rakesh
>
> On Tue, Aug 10, 2021 at 8:54 PM glen walker < = EMAIL ADDRESS REMOVED = > wrote:
>
> > Although non-normative, I *thought* one of the "understanding" sections
> > mentioned that an icon/image could be used as the "label" of a field,
> > assuming the image has alternative text (1.1.1), but I can't find the
> > reference now (but didn't look very hard either :-)). I checked 3.3.2
> and
> > 2.4.6.
> >
> > I typically allow it when I review a website.
> > > > > > > > > >
> > > > >