link-in-text-block: 违规消息没有解释为什么链接被标记为文本块
作者: blaumohn创建于 2026年6月18日更新于 2026年9月19日
标签rule metadata
import AxeBuilder from '@axe-core/playwright';
import { chromium } from '@playwright/test';
const CSS = `
footer a { color: #555; text-decoration: none; }
footer a:hover { text-decoration: underline; }
`;
const LINK_HREF = 'https://GitHub.com/blaumohn/lebenslauf-web-vorlage';
const cases = [
{
label: 'FAIL — parentText (span+pipe) longer than link text',
span: '2026-06-18 Dani Y. | PHP-Lebenslauf-App inkl. CI/CD, Vollstack',
},
{
label: 'PASS — parentText (span+pipe) shorter than link text',
span: '2026-06-18 Alex B. | Preview der App von Dani Y.',
},
];
function buildPage(spanText) {
return `
Test
${spanText} | ${LINK_HREF} `; } const browser = await chromium.launch(); const context = await browser.newContext(); for (const c of cases) { const page = await context.newPage(); await page.setContent(buildPage(c.span)); await page.waitForSelector('body'); const results = await new AxeBuilder({ page }) .withRules(['link-in-text-block']) .analyze(); const v = results.violations[0]; console.log('\n' + c.label); console.log(`span text length : ${c.span.length}`); console.log(`link text length : ${v.text.length}`); console.log(`violation : link-in-text-block`); }内容来源: dequelabs/axe-core