Testun alt dyblyg

Mae Silktide yn canfod delweddau sydd â dolen y mae eu testun amgen yn ailadrodd y testun yn union nesaf atynt. Pan fo delwedd a'r testun cyfagos yn dweud yr un peth, mae pobl sy'n defnyddio darllenydd sgrin yn clywed yr un geiriau ddwywaith.

<!-- Problem: announced as "Apple Apple" -->
<a href="/apple">
    <img src="apple.png" alt="Apple">
    Apple
</a>

<!-- Fixed: empty alt, the text alone names the link -->
<a href="/apple">
    <img src="apple.png" alt="">
    Apple
</a>

Pam mae hyn yn bwysig

Mae yn bodoli i ddisodli delwedd i bobl na allant ei gweld. Pan fo'r un geiriau eisoes yn ymddangos wrth ymyl y ddelwedd, nid yw'r testun alt yn ychwanegu dim — mae yn cyhoeddi "Apple Apple", sy'n swnio'n wallus ac yn arafu gwrando heb unrhyw fudd. Ar draws tudalen o gardiau cynnyrch neu ragflasau newyddion, mae'r ailadrodd yn mynd yn wirioneddol flinedig.

Mae delwedd y mae'r testun cyfagos yn cyfleu ei hystyr yn llawn yn i bob pwrpas, a dylid ei marcio felly.

Sut i'w drwsio

Rhowch alt="" wag i'r ddelwedd fel bod yn ei hepgor ac yn darllen y testun cyfagos yn unig, fel yn yr enghraifft uchod.
Fel arall, cuddiwch y ddelwedd gyda aria-hidden="true" — mae hyn yn ddefnyddiol pan fo'ch yn mynnu llenwi'r briodoledd alt.
Os yw'r ddelwedd a'r testun yn ddwy ddolen ar wahân i'r un cyrchfan, cyfunwch hwy'n un ddolen yn gyntaf — gweler Dolenni cyfagos.

Sut mae Silktide yn profi hyn

Canfod pob delwedd sydd y tu mewn i ddolen.
Darllen testun cynorthwyol y ddelwedd: ei briodoledd alt, neu aria-label.
Ei gymharu â thestun gweladwy'r elfennau yn union cyn ac ar ôl y ddelwedd.
Adrodd am y ddelwedd pan fo'r ddau yn cyfateb yn union, gan anwybyddu priflythrennau a llythrennau bach.

Datrys problemau

Nid yw'r testun cyfatebol yn rhan o'r ddolen

Mae'r gymhariaeth yn edrych ar gymdogion uniongyrchol y ddelwedd, a all gynnwys testun ychydig y tu allan i'r ddolen. Mae'r dyblygu'n dal yn real i ddefnyddiwr darllenydd sgrin sy'n symud drwy'r dudalen, felly mae'r un atebion yn berthnasol.

Mae'r testunau'n amrywio ychydig

Dim ond cyfatebiadau union (gan anwybyddu priflythrennau a llythrennau bach) sy'n cael eu hadrodd. Mae bron-ddyblygiadau fel "Apple" wrth ymyl alt="Apple logo" yn pasio'r gwiriad hwn, ond ystyriwch a yw'r testun alt yn dal i ychwanegu unrhyw beth i wrandäwr.