HTML semantics
- type="button" on all buttons - rel="noreferrer noopener" on all links
This commit is contained in:
Carsten Meyer
GitHub
parent
d514890675
commit
4020cdb12d
|
|
@ -271,9 +271,9 @@ var tarteaucitron = {
|
|||
|
||||
// Step 3: prepare the html
|
||||
html += '<div id="tarteaucitronPremium"></div>';
|
||||
html += '<button id="tarteaucitronBack" onclick="tarteaucitron.userInterface.closePanel();" aria-label="' + tarteaucitron.lang.close + '"></button>';
|
||||
html += '<button type="button" id="tarteaucitronBack" onclick="tarteaucitron.userInterface.closePanel();" aria-label="' + tarteaucitron.lang.close + '"></button>';
|
||||
html += '<div id="tarteaucitron" role="dialog" aria-labelledby="dialogTitle">';
|
||||
html += ' <button id="tarteaucitronClosePanel" onclick="tarteaucitron.userInterface.closePanel();">';
|
||||
html += ' <button type="button" id="tarteaucitronClosePanel" onclick="tarteaucitron.userInterface.closePanel();">';
|
||||
html += ' ' + tarteaucitron.lang.close;
|
||||
html += ' </button>';
|
||||
html += ' <div id="tarteaucitronServices">';
|
||||
|
|
@ -283,7 +283,7 @@ var tarteaucitron = {
|
|||
html += ' ' + tarteaucitron.lang.disclaimer;
|
||||
if (tarteaucitron.parameters.privacyUrl !== "") {
|
||||
html += ' <br/><br/>';
|
||||
html += ' <button id="tarteaucitronPrivacyUrl" onclick="document.location = tarteaucitron.parameters.privacyUrl">';
|
||||
html += ' <button type="button" id="tarteaucitronPrivacyUrl" onclick="document.location = tarteaucitron.parameters.privacyUrl">';
|
||||
html += ' ' + tarteaucitron.lang.privacyUrl;
|
||||
html += ' </button>';
|
||||
}
|
||||
|
|
@ -292,10 +292,10 @@ var tarteaucitron = {
|
|||
html += ' <span class="tarteaucitronH2" role="heading" aria-level="2">' + tarteaucitron.lang.all + '</span>';
|
||||
html += ' </div>';
|
||||
html += ' <div class="tarteaucitronAsk" id="tarteaucitronScrollbarAdjust">';
|
||||
html += ' <button id="tarteaucitronAllAllowed" class="tarteaucitronAllow" onclick="tarteaucitron.userInterface.respondAll(true);">';
|
||||
html += ' <button type="button" id="tarteaucitronAllAllowed" class="tarteaucitronAllow" onclick="tarteaucitron.userInterface.respondAll(true);">';
|
||||
html += ' ✓ ' + tarteaucitron.lang.allowAll;
|
||||
html += ' </button> ';
|
||||
html += ' <button id="tarteaucitronAllDenied" class="tarteaucitronDeny" onclick="tarteaucitron.userInterface.respondAll(false);">';
|
||||
html += ' <button type="button" id="tarteaucitronAllDenied" class="tarteaucitronDeny" onclick="tarteaucitron.userInterface.respondAll(false);">';
|
||||
html += ' ✗ ' + tarteaucitron.lang.denyAll;
|
||||
html += ' </button>';
|
||||
html += ' </div>';
|
||||
|
|
@ -305,7 +305,7 @@ var tarteaucitron = {
|
|||
for (i = 0; i < cat.length; i += 1) {
|
||||
html += ' <li id="tarteaucitronServicesTitle_' + cat[i] + '" class="tarteaucitronHidden">';
|
||||
html += ' <div class="tarteaucitronTitle">';
|
||||
html += ' <button onclick="tarteaucitron.userInterface.toggle(\'tarteaucitronDetails' + cat[i] + '\', \'tarteaucitronInfoBox\');return false">✛ ' + tarteaucitron.lang[cat[i]].title + '</button>';
|
||||
html += ' <button type="button" onclick="tarteaucitron.userInterface.toggle(\'tarteaucitronDetails' + cat[i] + '\', \'tarteaucitronInfoBox\');return false">✛ ' + tarteaucitron.lang[cat[i]].title + '</button>';
|
||||
html += ' </div>';
|
||||
html += ' <div id="tarteaucitronDetails' + cat[i] + '" class="tarteaucitronDetails tarteaucitronInfoBox">';
|
||||
html += ' ' + tarteaucitron.lang[cat[i]].details;
|
||||
|
|
@ -315,7 +315,7 @@ var tarteaucitron = {
|
|||
html += ' </ul>';
|
||||
html += ' <div class="tarteaucitronHidden" id="tarteaucitronScrollbarChild" style="height:20px;display:block"></div>';
|
||||
if (tarteaucitron.parameters.removeCredit === false) {
|
||||
html += ' <a class="tarteaucitronSelfLink" href="https://opt-out.ferank.eu/" rel="nofollow noopener" target="_blank" title="tarteaucitron ' + tarteaucitron.lang.newWindow + '">🍋 ' + tarteaucitron.lang.credit + '</a>';
|
||||
html += ' <a class="tarteaucitronSelfLink" href="https://opt-out.ferank.eu/" rel="nofollow noreferrer noopener" target="_blank" title="tarteaucitron ' + tarteaucitron.lang.newWindow + '">🍋 ' + tarteaucitron.lang.credit + '</a>';
|
||||
}
|
||||
html += ' </div>';
|
||||
html += ' </div>';
|
||||
|
|
@ -330,12 +330,12 @@ var tarteaucitron = {
|
|||
html += ' <span id="tarteaucitronDisclaimerAlert">';
|
||||
html += ' ' + tarteaucitron.lang.alertBigPrivacy;
|
||||
html += ' </span>';
|
||||
html += ' <button id="tarteaucitronPersonalize" onclick="tarteaucitron.userInterface.openPanel();">';
|
||||
html += ' <button type="button" id="tarteaucitronPersonalize" onclick="tarteaucitron.userInterface.openPanel();">';
|
||||
html += ' ' + tarteaucitron.lang.personalize;
|
||||
html += ' </button>';
|
||||
|
||||
if (tarteaucitron.parameters.privacyUrl !== "") {
|
||||
html += ' <button id="tarteaucitronPrivacyUrl" onclick="document.location = tarteaucitron.parameters.privacyUrl">';
|
||||
html += ' <button type="button" id="tarteaucitronPrivacyUrl" onclick="document.location = tarteaucitron.parameters.privacyUrl">';
|
||||
html += ' ' + tarteaucitron.lang.privacyUrl;
|
||||
html += ' </button>';
|
||||
}
|
||||
|
|
@ -352,15 +352,15 @@ var tarteaucitron = {
|
|||
}
|
||||
|
||||
html += ' </span>';
|
||||
html += ' <button id="tarteaucitronPersonalize" onclick="tarteaucitron.userInterface.respondAll(true);">';
|
||||
html += ' <button type="button" id="tarteaucitronPersonalize" onclick="tarteaucitron.userInterface.respondAll(true);">';
|
||||
html += ' ✓ ' + tarteaucitron.lang.acceptAll;
|
||||
html += ' </button>';
|
||||
html += ' <button id="tarteaucitronCloseAlert" onclick="tarteaucitron.userInterface.openPanel();">';
|
||||
html += ' <button type="button" id="tarteaucitronCloseAlert" onclick="tarteaucitron.userInterface.openPanel();">';
|
||||
html += ' ' + tarteaucitron.lang.personalize;
|
||||
html += ' </button>';
|
||||
|
||||
if (tarteaucitron.parameters.privacyUrl !== "") {
|
||||
html += ' <button id="tarteaucitronPrivacyUrl" onclick="document.location = tarteaucitron.parameters.privacyUrl">';
|
||||
html += ' <button type="button" id="tarteaucitronPrivacyUrl" onclick="document.location = tarteaucitron.parameters.privacyUrl">';
|
||||
html += ' ' + tarteaucitron.lang.privacyUrl;
|
||||
html += ' </button>';
|
||||
}
|
||||
|
|
@ -371,7 +371,7 @@ var tarteaucitron = {
|
|||
|
||||
if (tarteaucitron.parameters.showAlertSmall === true) {
|
||||
html += '<div id="tarteaucitronAlertSmall" class="tarteaucitronAlertSmall' + orientation + '">';
|
||||
html += ' <button id="tarteaucitronManager" onclick="tarteaucitron.userInterface.openPanel();">';
|
||||
html += ' <button type="button" id="tarteaucitronManager" onclick="tarteaucitron.userInterface.openPanel();">';
|
||||
html += ' ' + tarteaucitron.lang.alertSmall;
|
||||
html += ' <span id="tarteaucitronDot">';
|
||||
html += ' <span id="tarteaucitronDotGreen"></span>';
|
||||
|
|
@ -380,9 +380,9 @@ var tarteaucitron = {
|
|||
html += ' </span>';
|
||||
if (tarteaucitron.parameters.cookieslist === true) {
|
||||
html += ' </button><!-- @whitespace';
|
||||
html += ' --><button id="tarteaucitronCookiesNumber" onclick="tarteaucitron.userInterface.toggleCookiesList();">0</button>';
|
||||
html += ' --><button type="button" id="tarteaucitronCookiesNumber" onclick="tarteaucitron.userInterface.toggleCookiesList();">0</button>';
|
||||
html += ' <div id="tarteaucitronCookiesListContainer">';
|
||||
html += ' <button id="tarteaucitronClosePanelCookie" onclick="tarteaucitron.userInterface.closePanel();">';
|
||||
html += ' <button type="button" id="tarteaucitronClosePanelCookie" onclick="tarteaucitron.userInterface.closePanel();">';
|
||||
html += ' ' + tarteaucitron.lang.close;
|
||||
html += ' </button>';
|
||||
html += ' <div class="tarteaucitronCookiesListMain" id="tarteaucitronCookiesTitle">';
|
||||
|
|
@ -464,7 +464,7 @@ var tarteaucitron = {
|
|||
html += ' ' + tarteaucitron.lang.adblock + '<br/>';
|
||||
html += ' <strong>' + tarteaucitron.lang.adblock_call + '</strong>';
|
||||
html += ' </p>';
|
||||
html += ' <button id="tarteaucitronPersonalize" onclick="location.reload();">';
|
||||
html += ' <button type="button" id="tarteaucitronPersonalize" onclick="location.reload();">';
|
||||
html += ' ' + tarteaucitron.lang.reload;
|
||||
html += ' </button>';
|
||||
html += '</div>';
|
||||
|
|
@ -528,21 +528,21 @@ var tarteaucitron = {
|
|||
if (tarteaucitron.parameters.readmoreLink !== undefined && tarteaucitron.parameters.readmoreLink !== '') {
|
||||
link = tarteaucitron.parameters.readmoreLink;
|
||||
}
|
||||
html += ' <a href="' + link + '" target="_blank" rel="noopener" title="'+ tarteaucitron.lang.cookieDetail + ' ' + service.name + ' ' + tarteaucitron.lang.ourSite + ' ' + tarteaucitron.lang.newWindow +'">';
|
||||
html += ' <a href="' + link + '" target="_blank" rel="noreferrer noopener" title="'+ tarteaucitron.lang.cookieDetail + ' ' + service.name + ' ' + tarteaucitron.lang.ourSite + ' ' + tarteaucitron.lang.newWindow +'">';
|
||||
html += ' ' + tarteaucitron.lang.more;
|
||||
html += ' </a>';
|
||||
html += ' - ';
|
||||
html += ' <a href="' + service.uri + '" target="_blank" rel="noopener" title="' + service.name + ' ' + tarteaucitron.lang.newWindow + '">';
|
||||
html += ' <a href="' + service.uri + '" target="_blank" rel="noreferrer noopener" title="' + service.name + ' ' + tarteaucitron.lang.newWindow + '">';
|
||||
html += ' ' + tarteaucitron.lang.source;
|
||||
html += ' </a>';
|
||||
}
|
||||
|
||||
html += ' </div>';
|
||||
html += ' <div class="tarteaucitronAsk">';
|
||||
html += ' <button id="' + service.key + 'Allowed" class="tarteaucitronAllow" onclick="tarteaucitron.userInterface.respond(this, true);">';
|
||||
html += ' <button type="button" id="' + service.key + 'Allowed" class="tarteaucitronAllow" onclick="tarteaucitron.userInterface.respond(this, true);">';
|
||||
html += ' ✓ ' + tarteaucitron.lang.allow;
|
||||
html += ' </button> ';
|
||||
html += ' <button id="' + service.key + 'Denied" class="tarteaucitronDeny" onclick="tarteaucitron.userInterface.respond(this, false);">';
|
||||
html += ' <button type="button" id="' + service.key + 'Denied" class="tarteaucitronDeny" onclick="tarteaucitron.userInterface.respond(this, false);">';
|
||||
html += ' ✗ ' + tarteaucitron.lang.deny;
|
||||
html += ' </button>';
|
||||
html += ' </div>';
|
||||
|
|
@ -1202,7 +1202,7 @@ var tarteaucitron = {
|
|||
html += '</div><ul class="cookie-list">';
|
||||
}
|
||||
html += '<li class="tarteaucitronCookiesListMain">';
|
||||
html += ' <div class="tarteaucitronCookiesListLeft"><button onclick="tarteaucitron.cookie.purge([\'' + cookies[i].split('=', 1) + '\']);tarteaucitron.cookie.number();tarteaucitron.userInterface.jsSizing(\'cookie\');return false"><strong>×</strong></button> <strong>' + name + '</strong>';
|
||||
html += ' <div class="tarteaucitronCookiesListLeft"><button type="button" onclick="tarteaucitron.cookie.purge([\'' + cookies[i].split('=', 1) + '\']);tarteaucitron.cookie.number();tarteaucitron.userInterface.jsSizing(\'cookie\');return false"><strong>×</strong></button> <strong>' + name + '</strong>';
|
||||
html += ' </div>';
|
||||
html += ' <div class="tarteaucitronCookiesListRight">' + cookies[i].split('=').slice(1).join('=') + '</div>';
|
||||
html += '</li>';
|
||||
|
|
@ -1418,7 +1418,7 @@ var tarteaucitron = {
|
|||
html += '<div class="tac_activate">';
|
||||
html += ' <div class="tac_float">';
|
||||
html += ' ' + engage;
|
||||
html += ' <button class="tarteaucitronAllow" id="Eng' + r + 'ed' + id + '" onclick="tarteaucitron.userInterface.respond(this, true);">';
|
||||
html += ' <button type="button" class="tarteaucitronAllow" id="Eng' + r + 'ed' + id + '" onclick="tarteaucitron.userInterface.respond(this, true);">';
|
||||
html += ' ✓ ' + tarteaucitron.lang.allow;
|
||||
html += ' </button>';
|
||||
html += ' </div>';
|
||||
|
|
|
|||
Loading…
Reference in New Issue