Skip to content
Flint
Blog

anchorAmbiguousText

Reports anchor elements with ambiguous text that doesn't describe the link destination.

✅ This rule is included in the jsx logical and logicalStrict presets.

Anchor elements should have descriptive text that clearly indicates where the link leads or what action it performs. Ambiguous text like “click here”, “here”, “link”, or “read more” doesn’t provide meaningful context for users, especially those using screen readers who often navigate by jumping between links.

This rule checks that anchor elements don’t contain common ambiguous phrases that fail to describe the link destination.

Examples

Section titled “Examples”
CE<6asp ansty="le--0:#7FDB">CB0hrA1<1"sp ansty="le--0:#ECC48D;--1:#984E">4D/abo1<1"sp ansty="le--0:#7FDBCA;--1:#8844">Asp ansty="le--0:#D6DEEB;--1:#403F">53click hesp>CA<E<6asp ansty="le--0:#7FDB">Cd ivclassNa="meco">d>d>d>CE<6asp ansty="le--0:#7FDB">CB0hrA1<1"sp ansty="le--0:#ECC48D;--1:#984E">4D/do1<1"sp ansty="le--0:#7FDBCA;--1:#8844">Asp ansty="le--0:#D6DEEB;--1:#403F">53hesp>CA<E<6asp ansty="le--0:#7FDB">Cd ivclassNa="meco">d>d>d>CE<6asp ansty="le--0:#7FDB">CB0hrA1<1"sp ansty="le--0:#ECC48D;--1:#984E">4D/conta1<1"sp ansty="le--0:#7FDBCA;--1:#8844">Asp ansty="le--0:#D6DEEB;--1:#403F">53lisp>CA<E<6asp ansty="le--0:#7FDB">Cd ivclassNa="meco">d>d>d>CE<6asp ansty="le--0:#7FDB">CB0hrA1<1"sp ansty="le--0:#ECC48D;--1:#984E">4D/prici1<1"sp ansty="le--0:#7FDBCA;--1:#8844">Asp ansty="le--0:#D6DEEB;--1:#403F">53read mosp>CA<E<6asp ansty="le--0:#7FDB">Cd ivclassNa="meco">d>d>d>
<44AE spans="tyle--0:#7F">DED61B04<4AE= spans="tyle--0:#D9F5DD;--1:#11">1<111" spans="tyle--0:#ECC48D;--1:#98">4E4D/a1<111" spans="tyle--0:#7FDBCA;--1:#88">4<4AE> spans="tyle--0:#D6DEEB;--1:#40">3F53Abou><44AE spans="tyle--0:#7F">DBED<<>di vdivclass="Nameexpressive-"><44AE spans="tyle--0:#7F">DED61B04<4AE= spans="tyle--0:#D9F5DD;--1:#11">1<111" spans="tyle--0:#ECC48D;--1:#98">4E4D/1<111" spans="tyle--0:#7FDBCA;--1:#88">4<4AE> spans="tyle--0:#D6DEEB;--1:#40">3F53View Documenta><44AE spans="tyle--0:#7F">DBED<di><>di vdivclass="Nameexpressive-"><44AE spans="tyle--0:#7F">DED61B04<4AE= spans="tyle--0:#D9F5DD;--1:#11">1<111" spans="tyle--0:#ECC48D;--1:#98">4E4D/con1<111" spans="tyle--0:#7FDBCA;--1:#88">4<4AE> spans="tyle--0:#D6DEEB;--1:#40">3F53Contact Informa><44AE spans="tyle--0:#7F">DBED<di><>di vdivclass="Nameexpressive-"><44AE spans="tyle--0:#7F">DED61B04<4AE= spans="tyle--0:#D9F5DD;--1:#11">1<111" spans="tyle--0:#ECC48D;--1:#98">4E4D/pri1<111" spans="tyle--0:#7FDBCA;--1:#88">4<4AE> spans="tyle--0:#D6DEEB;--1:#40">3F53See Pricing Det><44AE spans="tyle--0:#7F">DBED<di>

When Not To Use It

Section titled “When Not To Use It”

If you use a framework that automatically adds sufficient context around links you might choose to disable this rule.

Further Reading

Section titled “Further Reading”

Equivalents in Other Linters

Section titled “Equivalents in Other Linters”