1

アクションを使用して Pa11y 5 からアクセシビリティ テスト レポートを取得できるページがあります。

その特定のページのボタンをクリックすると、ポップアップ/オーバーレイが表示されます。Pa11y にそのポップアップ/オーバーレイ ページをスニッフィングさせ、アクセシビリティ メトリックについて報告してもらいたいのですが、現在、Pa11y 5 ではメインの親ページしか提供できません。ポップアップ ページの html に関するレポートを無視しますか? これを達成する方法はありますか? Pa11y にポップアップに切り替えて、そのポップアップ html をスニッフィングし、それを報告するように指示してください。

ポップアップ/オーバーレイには、aria から作成されたモーダル ダイアログであるため、div[role='dialog'] が含まれます。

私は最新の Pa11y を使用しているため、Pa11y 5 として言及し続けています。

どんな助け/アドバイスも心から感謝します。

更新： リクエストに応じて、以下はコードの完全な（関連する）部分です

const PageOptions1 = {  
    timeout: 30000,
    userAgent: 'A11Y TESTS',
    actions: [
        'screen capture screenshots/001-DefaultView.png'                    
    ]
};
const PageOptions2 = {
    timeout: 35000, 
    userAgent: 'A11Y TESTS',
    rootElement: 'div[role="dialog"]',
    actions: [
        'click element button[data-automation-id="ccbutton"]',
        'wait for element div[role="dialog"] to be added',
        'screen capture screenshots/002-Popup.png',
        'click element i.fa-close',
        'screen capture screenshots/002-DefaultView.png'
    ]
};

async function runPa11y(navigateUrl) {
    try {
        const results = await Promise.all([
            pa11y(navigateUrl, PageOptions1),
            pa11y(navigateUrl, PageOptions2),           
        ]);

        LogResults(results);
    } catch (error) {
        console.error("Error: " + error.message);
    }
}

runPa11y("Url to navigate");
4

1 に答える 1