comparison mod_http_muc_log/res/http_muc_log.html @ 4973:39211f23f9f3

mod_http_muc_log: Improve accessibility with descriptive @title attrs Especially relevant here where the link text is just an icon
author Kim Alvefur <zash@zash.se>
date Wed, 06 Jul 2022 18:28:43 +0200
parents b49d72160497
children 8a8ec909ac20
comparison
equal deleted inserted replaced
4972:b49d72160497 4973:39211f23f9f3
112 <ol class="chat-logs">{lines# 112 <ol class="chat-logs">{lines#
113 <li {item.lang&lang="{item.lang}"} class="{item.st_name} {item.st_type?} {item.edited&edited}" id="{item.key}"> 113 <li {item.lang&lang="{item.lang}"} class="{item.st_name} {item.st_type?} {item.edited&edited}" id="{item.key}">
114 <a class="time" href="#{item.key}"><time id="{item.time}" datetime="{item.datetime}">{item.time}</time></a> 114 <a class="time" href="#{item.key}"><time id="{item.time}" datetime="{item.datetime}">{item.time}</time></a>
115 <b class="nick">{item.nick}</b> 115 <b class="nick">{item.nick}</b>
116 <em class="verb">{item.verb?}</em> 116 <em class="verb">{item.verb?}</em>
117 <q class="body">{item.edited&<del>}{item.body?}{item.edited&</del> <a href="#{item.edited}">&#9998;</a>}{item.edit& <a href="#{item.edit}">&#9999;</a>}</q> 117 <q class="body">{item.edited&<del>}{item.body?}{item.edited&</del> <a href="#{item.edited}" title="jump to corrected version">&#9998;</a>}{item.edit& <a href="#{item.edit}" title="jump to previous version">&#9999;</a>}</q>
118 {item.reactions%<span class="reaction">{idx} {item}</span>} 118 {item.reactions%<span class="reaction">{idx} {item}</span>}
119 {item.oob.url&<figure><a rel="nofollow" href="{item.oob.url?}"><img alt="{item.oob.desc?}" src="{item.oob.url?}"/></a><figcaption>{item.oob.desc?}</figcaption></figure>} 119 {item.oob.url&<figure><a rel="nofollow" href="{item.oob.url?}"><img alt="{item.oob.desc?}" src="{item.oob.url?}"/></a><figcaption>{item.oob.desc?}</figcaption></figure>}
120 </li>} 120 </li>}
121 </ol> 121 </ol>
122 </main> 122 </main>