View Issue Details

IDProjectCategoryView StatusLast Update
0007386Talerwallet (TS core)public2022-12-08 18:20
Reporterttn Assigned ToStefan  
PrioritynormalSeveritytextReproducibilityhave not tried
Status assignedResolutionopen 
Product Versiongit (master) 
Target Version0.9.1 
Summary0007386: CS 2.4.1 (LEVEL A) -- Bypass Blocks
DescriptionA mechanism is available to bypass blocks of content that are repeated on multiple
Web pages.

The website has no skiplinks to bypass blocks of content that are
repeated on every page of the website. This problem occurs on
every page, for example:
https://demo.taler.net/en/
TagsNo tags attached.

Activities

Christian Grothoff

2022-10-10 22:20

manager   ~0019212

I've tried to add this for the merchant-demo pages (except bank). Not sure if it works nicely, did not actually test the result.

Christian Grothoff

2022-10-18 16:43

manager   ~0019218

Now also added the same to the bank. Again, still requires testing...

Christian Grothoff

2022-10-18 18:07

manager   ~0019222

Last edited: 2022-10-18 18:30

Ok, this works for demo.taler.net; we should make the same modifications to gnunet.org, taler.net, and anastasis.lu and taler-systems.com. Basically, insert"

    <a href="#main" class="skip"><translate>Skip to main content</translate></a>
  
where "main" must be an anchor of the section with the main content (<section id="main" class="content"> -- already existed)
   
and

.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip:focus {
  position: static;
  width: auto;
  height: auto;
}

to the CSS.

sebasjm

2022-10-19 05:31

developer   ~0019235

info about the skip link technique
https://webaim.org/techniques/skipnav/

I have updated the css a little: mainly to achieve high contrast and a better size

.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: fit-content;
  overflow: hidden;
}

.skip:focus {
  position: static;
  width: auto;
  background: black;
  padding: 5px;
}

Stefan

2022-12-05 22:26

developer   ~0019501

This task has been successfully applied to taler-systems.com, the remainder of our web pages will follow.

Stefan

2022-12-08 18:20

developer   ~0019509

Applied to anastasis.lu and taler.net

Issue History

Date Modified Username Field Change
2022-10-10 21:44 ttn New Issue
2022-10-10 21:44 ttn Status new => assigned
2022-10-10 21:44 ttn Assigned To => sebasjm
2022-10-10 22:20 Christian Grothoff Note Added: 0019212
2022-10-18 16:43 Christian Grothoff Note Added: 0019218
2022-10-18 18:07 Christian Grothoff Note Added: 0019222
2022-10-18 18:07 Christian Grothoff Assigned To sebasjm => Stefan
2022-10-18 18:08 Christian Grothoff Target Version git (master) => 0.9
2022-10-18 18:30 Christian Grothoff Note Edited: 0019222
2022-10-19 05:31 sebasjm Note Added: 0019235
2022-10-20 11:27 Christian Grothoff Target Version 0.9 =>
2022-11-06 23:22 Christian Grothoff Severity minor => text
2022-11-06 23:22 Christian Grothoff Target Version => 0.9.1
2022-12-05 22:26 Stefan Note Added: 0019501
2022-12-08 18:20 Stefan Note Added: 0019509