Skip to content

Commit d9a44b4

Browse files
giacomo-petricarlosapaduarte
giacomo-petri
and
carlosapaduarte
authored
Links with identical accessible names and same context serve equivalent purpose" [fd3a94]: Reduced images size for failed examples [4,8] (#2178)
* Update links-with-identical-names-and-context-serve-equivalent-purpose-fd3a94.md * Update links-with-identical-names-and-context-serve-equivalent-purpose-fd3a94.md --------- Co-authored-by: Carlos Duarte <carlosapaduarte@gmail.com>
1 parent f8afb8f commit d9a44b4

1 file changed

Lines changed: 13 additions & 23 deletions

File tree

‎_rules/links-with-identical-names-and-context-serve-equivalent-purpose-fd3a94.md‎

Lines changed: 13 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -289,8 +289,8 @@ These two HTML `a` elements have the same [accessible name][] and [context][prog
289289
<div>
290290
<span style="text-align:center;">Contact us</span>
291291
<span style="display:flex; justify-content:space-around;">
292-
<img src="/test-assets/shared/chat.png" alt="Chat" style="width:50%;" />
293-
<img src="/test-assets/shared/phone.png" alt="Phone" style="width:50%;" />
292+
<img src="/test-assets/shared/chat.png" alt="Chat" style="max-width:50px;" />
293+
<img src="/test-assets/shared/phone.png" alt="Phone" style="max-width:50px;" />
294294
</span>
295295
<span style="display:flex; justify-content:space-around;">
296296
<a
@@ -315,8 +315,8 @@ These two HTML `a` elements have the same [accessible name][] and [context][prog
315315
<div>
316316
<span style="text-align:center;">Contact us</span>
317317
<span style="display:flex; justify-content:space-around;">
318-
<img src="/test-assets/shared/chat.png" alt="Chat" style="width:50%;" />
319-
<img src="/test-assets/shared/phone.png" alt="Phone" style="width:50%;" />
318+
<img src="/test-assets/shared/chat.png" alt="Chat" style="max-width:50px;" />
319+
<img src="/test-assets/shared/phone.png" alt="Phone" style="max-width:50px;" />
320320
</span>
321321
<span style="display:flex; justify-content:space-around;">
322322
<a href="/test-assets/links-with-identical-names-serve-equivalent-purpose-b20e66/contact-us.html?page=3"
@@ -339,8 +339,8 @@ These two HTML `span` elements have an [explicit role][] of link, same [accessib
339339
<div>
340340
<span style="text-align:center;">Contact us</span>
341341
<span style="display:flex; justify-content:space-around;">
342-
<img src="/test-assets/shared/chat.png" alt="Chat" style="width:50%;" />
343-
<img src="/test-assets/shared/phone.png" alt="Phone" style="width:50%;" />
342+
<img src="/test-assets/shared/chat.png" alt="Chat" style="max-width:50px;" />
343+
<img src="/test-assets/shared/phone.png" alt="Phone" style="max-width:50px;" />
344344
</span>
345345
<span style="display:flex; justify-content:space-around;">
346346
<span
@@ -367,23 +367,13 @@ These two SVG `a` elements have the same [accessible name][] and [context][progr
367367
```html
368368
<html lang="en">
369369
<p>
370-
<svg enable-background="new 0 0 264 120" viewBox="0 -20 264 140" xmlns="http://www.w3.org/2000/svg">
370+
<svg enable-background="new 0 0 264 120" viewBox="-5 -20 80 50" xmlns="http://www.w3.org/2000/svg" style="max-width: 300px">
371371
<text>Contact us</text>
372-
<a
373-
href="/test-assets/links-with-identical-names-serve-equivalent-purpose-b20e66/contact-us.html?page=1"
374-
aria-label="Contact Us"
375-
>
376-
<path
377-
d="m212.0806 68.0717c-10.3917 10.3852-22.4311 20.3239-27.1905 15.5646-6.8075-6.8075-11.0088-12.7418-26.0285-.6696-15.0132 12.0657-3.4792 20.1139 3.1182 26.7047 7.6149 7.6149 36.0001.407 64.0571-27.6434 28.0504-28.057 35.2386-56.4422 27.6172-64.0571-6.5974-6.604-14.6062-18.1314-26.6719-3.1182-12.0723 15.0132-6.1444 19.2145.6761 26.0285 4.7397 4.7593-5.1925 16.7988-15.5777 27.1905z"
378-
/>
372+
<a href="/test-assets/links-with-identical-names-serve-equivalent-purpose-b20e66/contact-us.html?page=1" aria-label="Contact Us" style="scale: 0.2">
373+
<path d="m212.0806 68.0717c-10.3917 10.3852-22.4311 20.3239-27.1905 15.5646-6.8075-6.8075-11.0088-12.7418-26.0285-.6696-15.0132 12.0657-3.4792 20.1139 3.1182 26.7047 7.6149 7.6149 36.0001.407 64.0571-27.6434 28.0504-28.057 35.2386-56.4422 27.6172-64.0571-6.5974-6.604-14.6062-18.1314-26.6719-3.1182-12.0723 15.0132-6.1444 19.2145.6761 26.0285 4.7397 4.7593-5.1925 16.7988-15.5777 27.1905z"/>
379374
</a>
380-
<a
381-
href="/test-assets/links-with-identical-names-serve-equivalent-purpose-b20e66/contact-us.html?page=2"
382-
aria-label="Contact Us"
383-
>
384-
<path
385-
d="m105 7.5h-90c-8.2576 0-15 6.7497-15 15v52.5c0 8.2498 6.7424 15 15 15h30l30 22.5v-22.5h30c8.2498 0 15-6.7502 15-15v-52.5c0-8.2503-6.7502-15-15-15zm-80.7903 52.5c-6.2132 0-11.255-5.0372-11.255-11.25 0-6.2132 5.0418-11.25 11.255-11.25 6.2128 0 11.245 5.0418 11.245 11.25 0 6.2077-5.0322 11.25-11.245 11.25zm35.7953 0c-6.2128 0-11.255-5.0372-11.255-11.25 0-6.2132 5.0423-11.25 11.255-11.25 6.2132 0 11.245 5.0368 11.245 11.25 0 6.2128-5.0317 11.25-11.245 11.25zm35.7958 0c-6.2132 0-11.2555-5.0372-11.2555-11.25 0-6.2132 5.0423-11.25 11.2555-11.25 6.2128 0 11.2445 5.0368 11.2445 11.25 0 6.2128-5.0318 11.25-11.2445 11.25z"
386-
/>
375+
<a href="/test-assets/links-with-identical-names-serve-equivalent-purpose-b20e66/contact-us.html?page=2" aria-label="Contact Us" style="scale: 0.2">
376+
<path d="m105 7.5h-90c-8.2576 0-15 6.7497-15 15v52.5c0 8.2498 6.7424 15 15 15h30l30 22.5v-22.5h30c8.2498 0 15-6.7502 15-15v-52.5c0-8.2503-6.7502-15-15-15zm-80.7903 52.5c-6.2132 0-11.255-5.0372-11.255-11.25 0-6.2132 5.0418-11.25 11.255-11.25 6.2128 0 11.245 5.0418 11.245 11.25 0 6.2077-5.0322 11.25-11.245 11.25zm35.7953 0c-6.2128 0-11.255-5.0372-11.255-11.25 0-6.2132 5.0423-11.25 11.255-11.25 6.2132 0 11.245 5.0368 11.245 11.25 0 6.2128-5.0317 11.25-11.245 11.25zm35.7958 0c-6.2132 0-11.2555-5.0372-11.2555-11.25 0-6.2132 5.0423-11.25 11.2555-11.25 6.2128 0 11.2445 5.0368 11.2445 11.25 0 6.2128-5.0318 11.25-11.2445 11.25z"/>
387377
</a>
388378
</svg>
389379
</p>
@@ -399,8 +389,8 @@ These two HTML `a` elements with the same [accessible name][] and [context][prog
399389
<p>
400390
<span style="text-align:center;">Contact us</span>
401391
<span style="display:flex; justify-content:space-around;">
402-
<img src="/test-assets/shared/chat.png" alt="Chat" style="width:50%;" />
403-
<img src="/test-assets/shared/phone.png" alt="Phone" style="width:50%;" />
392+
<img src="/test-assets/shared/chat.png" alt="Chat" style="max-width:50px;" />
393+
<img src="/test-assets/shared/phone.png" alt="Phone" style="max-width:50px;" />
404394
</span>
405395
<span style="display:flex; justify-content:space-around;">
406396
<a href="/test-assets/links-with-identical-names-serve-equivalent-purpose-b20e66/index.html">Contact Us</a>

0 commit comments

Comments
 (0)