**Motivation**
Sometimes, one articles refers multiple times to the same reference. If you click on one of the reference indicators, you land in the references section. But how do you get back up to where you were before? One help are the secondary jump marks (e.g. a, b, c), but they also don't give an indication which of them you need to click. This should be changed.
Ideally, the solution should be as accessible as possible, not only when it comes to color and literacy, but also to the different writing systems.
**Existing work**
On fa-wiki, the letter is already highlighted in bold ([[ https://fa.wikipedia.org/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.js&diff=21986171&oldid=20338370&uselang=en | code ]]) ([[https://fa.wikipedia.org/wiki/%D8%A7%DB%8C%D8%A7%D9%84%D8%A7%D8%AA_%D9%85%D8%AA%D8%AD%D8%AF%D9%87_%D8%A2%D9%85%D8%B1%DB%8C%DA%A9%D8%A7#cite_note-autogenerated1-24 | example ]])
**Task**
Highlight the letter that needs to be clicked to get to the original reading position.
The idea is the following:
Ticket 1: --> 8
[] When a reference hint (e.g. `[12]`) is clicked in wikitext, the page jumps to the appropriate reference.
[] If the reference was used multiple times on the article, the jump mark leading back to the original position is highlighted.
[] Highlighting is done through marking the letter as bold, and highlighting the background.
[] Scrolling back up, the highlighting may persist
[] There can always just one highlighted jump mark in total
[] When people follow the arrow or the highlighted letter, highlight the reference where they land on the page. This is the current behavior, so you might not need to do anything, but make sure it still works.
**Notes**
- The plan is to implement much of it in css, as currently reference highlighting is done through pure css. Some investigation needs to be done in that regard
- For the CiteExtension it is pretty important to work in TDD mode
Ticket 2: --> 5
[] The arrow is a link to your orginal reading position (it currently already is a link if there is just one use of the reference, the change would be to now also have it as a link if you jump to it from within the article)
[] If there is no highlighting in a reference line, the arrow/carrot should not lead anywhere
**Notes**
- All of this will be handled through javascript.
Ticket 3: --> 3
[] Using [[ https://www.w3.org/TR/wai-aria-practices/#link |aria roles]] for screen readers, indicate that the arrow/carrot will bring you back to the reading position
to mark the letter that indicates the last reading position in blue. [] The jump marks ("a","b","c") will not be covered by aria roles
**Notes**
- This will be the first time aria labels are being used in the CiteExtension.
- It might make sense to add aria labels after the rest of the implementation has been covered,Furthermore the arrow/caret at the start of the line should also return you to where you came from. so that javascript has already bThis should also work for screen introducedreaders.
**Mock**:
{F18251273}
- Please note that the arrow you see in the mock is the German implementation. In en-wiki it is a carrocaret (^), and the way this is being represented in all of the wikis should not change.
- Please note that the background of the letter should not be blue, since in reality the whole line will be blue (because the user just jumped to it)
**Notes**
- Currently, the reference highlighting is done through pure css.
- We will probably need js to change the arrow/carroet target, depending on the currently highlighted letter
**Background**
During the 2017 technical wishes survey on de-wiki, this request ranked #6. More info in German can be found [[
https://de.wikipedia.org/wiki/Wikipedia:Technische_W%C3%BCnsche/Topw%C3%BCnsche/Hervorhebung_von_Fu%C3%9Fnoten-Link-Buchstaben | here ]]