Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: pages/acceptable-ads.md

Issue 29785588: Fixes #67 - Remove depricated acceptable ads page styles (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Created May 19, 2018, 3:26 a.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: pages/acceptable-ads.md
===================================================================
--- a/pages/acceptable-ads.md
+++ b/pages/acceptable-ads.md
@@ -1,36 +1,18 @@
title=Allowing acceptable ads in Adblock Plus
<head>
<meta content="{{meta-description[Description meta tag content inside head tag] Adblock Plus introduces the Acceptable Ads initiative: Support websites that rely on advertising but choose to do it in a non-intrusive way.}}" name="description" />
<meta content="{{meta-description}}" property="og:description" />
<style type="text/css">
- .footnote-reference
- {
- vertical-align: super;
- font-size: 0.7em;
- }
-
- h3,
- h4
- {
- margin-bottom: 0px;
- }
-
- h3 + p,
- h4 + p
- {
- margin-top: 5px;
- }
-
img
{
display: block;
- margin: 0px auto 30px auto;
+ margin: 0 auto;
}
</style>
</head>
{{ page-under-review[Page under review notice] This page is under review as management of the Acceptable Ads initiative has been transferred to the independent [Acceptable Ads Committee](https://acceptableads.org/). }}
{: .alert }
## {{about[Section header] What is this about?}} {: #info }
@@ -56,17 +38,17 @@
## {{acceptable-ads[Section header] What is an Acceptable Ad?}} {: #criteria }
{{criteria[Text in "Acceptable Ad" section] Ads that shall be treated as Acceptable Ads have to comply with the following criteria:}}
### {{general-criteria[Criteria header in "Acceptable Ad" section] General criteria}} {: #criteria-general }
#### {{placement[Text in "General criteria"] Placement}}
-{{placement-criteria[Paragraph in "General criteria"] Ads must not disrupt the user's natural reading flow. Such ads must be placed on top, side or below the Primary Content <a href="#primary-content" class="footnote-reference">1</a> .}}
+{{placement-criteria[Paragraph in "General criteria"] Ads must not disrupt the user's natural reading flow. Such ads must be placed on top, side or below the Primary Content <sup><a href="#primary-content">1</a></sup> .}}
![{{acceptable-ads-placement-alt[Alternative text for acceptable ads criteria placement image (is being shown when the image is not accessible)] Acceptable ads criteria placement}}](/img/acceptable-ads-criteria-placement.png){: height=368px }
#### {{distiction[Text in "General criteria"] Distinction}}
{{distiction-criteria[Paragraph in "General criteria"] Ads should always be recognizable as ads, and distinguishable from all other content (e.g. are not hiding the label, are not misleading users into thinking an ad is part of the primary content). Ads should be clearly marked with the word "advertisement" or its equivalent.}}
![{{acceptable-ads-label-alt[Alternative text for acceptable ads criteria label image (is being shown when the image is not accessible)] Acceptable ads criteria label}}](/img/acceptable-ads-criteria-label.png){: height=273px }
@@ -74,17 +56,17 @@
#### {{size[Text in "General criteria"] Size}}
{{size-criteria[Text in "General criteria"] Individual ad-size requirements depend on the placement of the ad:}}
* {{above-primary-content[Bullet point in "General criteria"] When placed above the primary content, the maximum height of an ad should be 200px.}}
* {{side-primary-content[Bullet point in "General criteria"] When placed on the side of the primary content, the maximum width of an ad should be 350px.}}
* {{below-primary-content[Bullet point in "General criteria"] When placed below the primary content, the maximum height of an ad should be 400px.}}
-{{sufficient-space[Paragraph in "General criteria"] Ads must always leave sufficient space for the Primary Content on the common screen size of 1366x768 <a href="#screen-desktop" class="footnote-reference">2</a> for desktop, 360x640 <a href="#screen-mobile" class="footnote-reference">3</a> for mobile devices and 768x1024 <a href="#screen-tablets" class="footnote-reference">4</a> for tablets.}}
+{{sufficient-space[Paragraph in "General criteria"] Ads must always leave sufficient space for the Primary Content on the common screen size of 1366x768 <sup><a href="#screen-desktop">2</a></sup> for desktop, 360x640 <sup><a href="#screen-mobile">3</a></sup> for mobile devices and 768x1024 <sup><a href="#screen-tablets">4</a></sup> for tablets.}}
{{total-ad-space[Paragraph in "General criteria"] All ads that are placed above the fold (the portion of the web page visible in the browser window when the page first loads under the common screen size), must not occupy in total more than 15 percent of the visible portion of the web page. If placed below the fold, ads must not occupy in total more than 25 percent of the visible portion of the webpage.}}
![{{acceptable-ads-percentage-alt[Alternative text for acceptable ads criteria percentage image (is being shown when the image is not accessible)] Acceptable ads criteria percentage}}](/img/acceptable-ads-criteria-percentages.png){: height=309px }
### {{specific-criteria[Criteria header in "Acceptable Ad" section] Specific criteria}} {: #criteria-specific }
#### {{text-ads[Text in "Specific criteria"] Text ads}}
{{attention-grab["Text ads" description in "Specific criteria"] Text ads designed with excessive use of colors and/or other elements to grab attention are not permitted.}}
@@ -107,51 +89,51 @@
{{only-text-ads["Ads on pages with no primary content" description in "Specific criteria"] Only text ads are allowed. For webpages without any primary content (e.g. error or parking pages), the criteria differ depending on:}}
* {{placement-requirement}}<br/>{{no-placement-limit[Text below point in "Specific criteria"] No placement limitations.}}
* {{size-requirement}}<br/>{{no-size-limit[Text below bullet point in "Specific criteria"] No size limitations.}}
#### {{other-acceptable-ads[Subheadline in "Specific criteria"] Other Acceptable Ads formats? }}
{{new-format["Other Acceptable Ads formats" text in "Specific criteria"] Are your ads displayed on alternative screens, or are you convinced that you have an innovative Acceptable Ads format which doesn't fit the ads outlined above? <a href="mailto:acceptableads@adblockplus.org">Let us know!</a>}}
-<span class="footnote-reference">1</span> {{primary-content[footnote in "Other Acceptable Ads formats"] The 'Primary Content' is defined as (based on <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main">Mozilla's description</a> of the <main\> HTML element): The Primary Content consists of content that is directly related to, or expands upon the central topic of a document or the central functionality of an application. This content should be unique to the document, excluding any content that is repeated across a set of documents such as sidebars, navigation links, copyright information, site logos, and search forms (unless, of course, the document's main function is a search form).}}
+<sup>1</sup> {{primary-content[footnote in "Other Acceptable Ads formats"] The 'Primary Content' is defined as (based on <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main">Mozilla's description</a> of the <main\> HTML element): The Primary Content consists of content that is directly related to, or expands upon the central topic of a document or the central functionality of an application. This content should be unique to the document, excluding any content that is repeated across a set of documents such as sidebars, navigation links, copyright information, site logos, and search forms (unless, of course, the document's main function is a search form).}}
{: #primary-content }
-<span class="footnote-reference">2</span> {{screen-desktop[footnote in "Other Acceptable Ads formats"] The 'common screen size' for desktop is 1366x768, based on data from <a href="http://gs.statcounter.com/#desktop-resolution-ww-monthly-201401-201412">StatCounter</a>.}}
+<sup>2</sup> {{screen-desktop[footnote in "Other Acceptable Ads formats"] The 'common screen size' for desktop is 1366x768, based on data from <a href="http://gs.statcounter.com/#desktop-resolution-ww-monthly-201401-201412">StatCounter</a>.}}
{: #screen-desktop }
-<span class="footnote-reference">3</span> {{screen-mobile[footnote in "Other Acceptable Ads formats"] The 'common screen size' for mobile is 360x640, based on data from <a href="http://gs.statcounter.com/#mobile_resolution-ww-monthly-201401-201412">StatCounter</a>.}}
+<sup>3</sup> {{screen-mobile[footnote in "Other Acceptable Ads formats"] The 'common screen size' for mobile is 360x640, based on data from <a href="http://gs.statcounter.com/#mobile_resolution-ww-monthly-201401-201412">StatCounter</a>.}}
{: #screen-mobile }
-<span class="footnote-reference">4</span> {{screen-tablets[footnote in "Other Acceptable Ads formats"] The 'common screen size' for tablets is 768x1024, based on data from <a href="http://gs.statcounter.com/#tablet-resolution-ww-monthly-201401-201412">StatCounter</a>.}}
+<sup>4</sup> {{screen-tablets[footnote in "Other Acceptable Ads formats"] The 'common screen size' for tablets is 768x1024, based on data from <a href="http://gs.statcounter.com/#tablet-resolution-ww-monthly-201401-201412">StatCounter</a>.}}
{: #screen-tablets }
## {{ about-no-third-party-heading[heading] What are Acceptable Ads without third-party tracking? }} {: #privacy-friendly-acceptable-ads }
{{ acceptable-ads-no-third-party-about[paragraph] Acceptable Ads without third-party tracking are ads that comply with the [Acceptable Ads criteria](https://acceptableads.com/en/about/criteria) and that do not allow third-party entities to track any of your browsing behavior. These are ads that comply with [Do Not Track](https://www.eff.org/dnt-policy), and/or ads which are served by the domain which is wholly owned by the same company. }}
## {{not-acceptable-ad[Section header] What is not considered an Acceptable Ad?}} {: #not-acceptable-ad }
-{{unacceptable-ads[Text in "not Acceptable Ad" section] The following types of ads are currently unacceptable <a class="footnote-reference" href="#exception">*</a>, and cannot be considered for inclusion on the whitelist:}}
+{{unacceptable-ads[Text in "not Acceptable Ad" section] The following types of ads are currently unacceptable <sup><a href="#exception">*</a></sup>, and cannot be considered for inclusion on the whitelist:}}
* {{load-new-ads[Bullet point in "not Acceptable Ad" section] Ads that visibly load new ads if the Primary Content does not change}}
* {{hover-effect-ads[Bullet point in "not Acceptable Ad" section] Ads with excessive or non user-initiated hover effects}}
* {{animated-ads[Bullet point in "not Acceptable Ad" section] Animated ads}}
* {{autoplay-ads[Bullet point in "not Acceptable Ad" section] Autoplay-sound or video ads}}
* {{expanding-ads[Bullet point in "not Acceptable Ad" section] Expanding ads}}
* {{oversized-ads[Bullet point in "not Acceptable Ad" section] Generally oversized image ads}}
* {{interstitial-ads[Bullet point in "not Acceptable Ad" section] Interstitial page ads}}
* {{overlay-ads[Bullet point in "not Acceptable Ad" section] Overlay ads}}
* {{overlay-video-ads[Bullet point in "not Acceptable Ad" section] Overlay in-video ads}}
* {{pop-ups[Bullet point in "not Acceptable Ad" section] Pop-ups}}
* {{pop-unders[Bullet point in "not Acceptable Ad" section] Pop-unders}}
* {{pre-video-ads[Bullet point in "not Acceptable Ad" section] Pre-roll video ads}}
* {{rich-ads[Bullet point in "not Acceptable Ad" section] Rich media ads (e.g. Flash ads, Shockwave ads, etc.)}}
-<span class="footnote-reference">*</span> {{exception[Footnote in "not Acceptable Ad" section] Except when the user intentionally interacts with the ad (e.g. clicks on the ad to see a video ad playing).}}
+<sup>*</sup> {{exception[Footnote in "not Acceptable Ad" section] Except when the user intentionally interacts with the ad (e.g. clicks on the ad to see a video ad playing).}}
{: #exception }
## {{why-default[Section header] Why is this feature enabled by default?}} {: #default }
{{default-reason[Text in "Why is this feature enabled by default?" section] Unfortunately, this is the only way to accomplish the goals described above. If the majority of Adblock Plus users have this function activated, advertisers will have the incentive to produce better ads.}}
## {{hate-ads[Section header] But I hate all ads!}} {: #optout }
{{can-disable[Text in "hate ads" secion] No problem, you can disable this feature at any time:}}
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld