WIP: Adding accessibility features #2359

Draft
CristianAUnisa wants to merge 2 commits from CristianAUnisa/master into master
54 changed files with 437 additions and 308 deletions

View File

@ -1,20 +1,25 @@
{% if include.link %}
<a
href="{{ include.link }}" class="badge badge-{{ include.color | default: "info" }}"
{% if include.tooltip %}
data-toggle="tooltip"
data-original-title="{{ include.tooltip }}"><i class="{{ include.icon | default: "far fa-question-circle"}}"></i> {{ include.text }}
{% else %}><i class="{{ include.icon | default: "fas fa-external-link-alt"}}"></i> {{ include.text }}{% endif %}
<a href="{{ include.link }}" class="badge badge-{{ include.color | default: " info" }}" {% if include.tooltip %} {% if
include.text == null or include.text == "" %} aria-label="{{include.tooltip}}" {% endif %} data-toggle="tooltip"
data-original-title="{{ include.tooltip }}"><i aria-hidden="true" class="{{ include.icon | default: " far
fa-question-circle"}}"></i> {{ include.text }}
{% else %}
{% if include.text == null or include.text == "" %}
aria-label="{{include.link}}"
{% endif %}
><i aria-hidden="true" class="{{ include.icon | default: " fas fa-external-link-alt"}}"></i> {{ include.text }}{%
endif %}
</a>
{% else %}
<span
class="badge badge-{{ include.color | default: "info" }}"
{% if include.tooltip %}
data-toggle="tooltip"
data-original-title="{{ include.tooltip }}"
> <i class="{{ include.icon | default: "far fa-question-circle"}}"></i> {{include.text}}
<span class="badge badge-{{ include.color | default: " info" }}" {% if include.tooltip %}
{% if include.text == null or include.text == "" %} aria-label="{{include.tooltip}}" {% endif %}
data-toggle="tooltip" data-original-title="{{ include.tooltip }}"> <i
class="{{ include.icon | default: " far fa-question-circle"}}"></i> {{include.text}}
{% else %}
> {% if include.icon %}<i class="{{ include.icon }}"></i>{% endif %} {{include.text}}
{% if include.text == null or include.text == "" %}
aria-label="{{include.link}}"
{% endif %}
> {% if include.icon %}<i class="{{ include.icon }}"></i>{% endif %} {{include.text}}
{% endif %}
</span>
{% endif %}
{% endif %}

View File

@ -102,6 +102,7 @@
{% if include.tor %}
<a
href="{{include.tor}}"
aria-label="Tor Onion link for {{include.title}}"
rel="noopener"
class="btn icon-btn hover-text-decoration-none mt-1 mr-1"
data-toggle="tooltip"
@ -113,6 +114,7 @@
{% if include.i2p %}
<a
href="{{include.i2p}}"
aria-label="i2p link for {{include.title}}"
rel="noopener"
class="btn icon-btn hover-text-decoration-none mt-1 mr-1"
data-toggle="tooltip"
@ -126,8 +128,8 @@
<div class="mt-2">
{% if include.windows %}
{% if include.windows != "" %}
<a href="{{ include.windows }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-windows fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.windows }}" aria-label="Go to {{include.title}} for Windows" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-windows fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-windows fa-2x fa-fw d-inline pr-1"></i>
@ -136,8 +138,8 @@
{% if include.mac %}
{% if include.mac != "" %}
<a href="{{ include.mac }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-macos fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.mac }}" aria-label="Go to {{include.title}} for Mac" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="ptio-macos fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="ptio-macos fa-2x fa-fw d-inline pr-1"></i>
@ -146,8 +148,8 @@
{% if include.linux %}
{% if include.linux != "" %}
<a href="{{ include.linux }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-linux fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.linux }}" aria-label="Go to {{include.title}} for Linux" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="ptio-linux fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="ptio-linux fa-2x fa-fw d-inline pr-1"></i>
@ -156,8 +158,8 @@
{% if include.freebsd %}
{% if include.freebsd != "" %}
<a href="{{ include.freebsd }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-freebsd fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.freebsd }}" aria-label="Go to {{include.title}} for FreeBSD" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-freebsd fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-freebsd fa-2x fa-fw d-inline pr-1"></i>
@ -166,8 +168,8 @@
{% if include.openbsd %}
{% if include.openbsd != "" %}
<a href="{{ include.openbsd }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-openbsd fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.openbsd }}" aria-label="Go to {{include.title}} for OpenBSD" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="ptio-openbsd fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="ptio-openbsd fa-2x fa-fw d-inline pr-1"></i>
@ -176,8 +178,8 @@
{% if include.netbsd %}
{% if include.netbsd != "" %}
<a href="{{ include.netbsd }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-netbsd fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.netbsd }}" aria-label="Go to {{include.title}} for NetBSD" el="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="ptio-netbsd fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="ptio-netbsd fa-2x fa-fw d-inline pr-1"></i>
@ -186,108 +188,108 @@
{% if include.firefox %}
{% if include.firefox != "" %}
<a href="{{ include.firefox }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-firefox fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.firefox }}" aria-label="Firefox Add-on link for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-firefox fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-firefox fa-2x fa-fw d-inline pr-1"></i>
<i alt="{{include.title}} available as Firefox Add-on" class="fab fa-firefox fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.chrome %}
{% if include.chrome != "" %}
<a href="{{ include.chrome }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-chrome fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.chrome }}" aria-label="Chrome Extension link for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-chrome fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-chrome fa-2x fa-fw d-inline pr-1"></i>
<i alt="{{include.title}} available as Chrome Extension" class="fab fa-chrome fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.safari %}
{% if include.safari != "" %}
<a href="{{ include.safari }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-safari fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.safari }}" aria-label="Safari Extension link for {{include.title}} rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-safari fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-safari fa-2x fa-fw d-inline pr-1"></i>
<i alt="{{include.title}} available as Safari Extension" class="fab fa-safari fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.opera %}
{% if include.opera != "" %}
<a href="{{ include.opera }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-opera fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.opera }}" aria-label="Opera Extension link for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-opera fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-opera fa-2x fa-fw d-inline pr-1"></i>
<i alt="{{include.title}} available as Opera Extension" class="fab fa-opera fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.edge %}
{% if include.edge != "" %}
<a href="{{ include.edge }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-edge fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.edge }}" aria-label="Edge Addon link for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-edge fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-edge fa-2x fa-fw d-inline pr-1"></i>
<i alt="{{include.title}} available as Edge Addon" class="fab fa-edge fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.fdroid %}
{% if include.fdroid != "" %}
<a href="{{ include.fdroid }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-f-droid fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.fdroid }}" aria-label="F-Droid link for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="ptio-f-droid fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="ptio-f-droid fa-2x fa-fw d-inline pr-1"></i>
<i alt="{{include.title}} available on F-Droid" class="ptio-f-droid fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.googleplay %}
{% if include.googleplay != "" %}
<a href="{{ include.googleplay }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-google-play fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.googleplay }}" aria-label="Play Store link for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-google-play fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-google-play fa-2x fa-fw d-inline pr-1"></i>
<i alt="{{include.title}} available on Play Store" class="fab fa-google-play fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.android %}
{% if include.android != "" %}
<a href="{{ include.android }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-android fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.android }}" aria-label="Android link for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-android fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-android fa-2x fa-fw d-inline pr-1"></i>
<i alt="{{include.title}} available for Android" class="fab fa-android fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.ios %}
{% if include.ios != "" %}
<a href="{{ include.ios }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-ios fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.ios }}" aria-label="iOS link for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="ptio-ios fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="ptio-ios fa-2x fa-fw d-inline pr-1"></i>
<i alt="{{include.title}} available for iOS" class="ptio-ios fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.sailfish %}
{% if include.sailfish != "" %}
<a href="{{ include.sailfish }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-sailfish-os fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.sailfish }}" aria-label="SailFish link for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="ptio-sailfish-os fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="ptio-sailfish-os fa-2x fa-fw d-inline pr-1"></i>
<i alt="{{include.title}} available for SailFish" class="ptio-sailfish-os fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.web %}
{% if include.web != "" %}
<a href="{{ include.web }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fas fa-globe-americas fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.web }}" aria-label="Go to {{include.title}} official website" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fas fa-globe-americas fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fas fa-globe-americas fa-2x fa-fw d-inline pr-1"></i>
@ -299,26 +301,26 @@
{{include.icon3}}
{% if include.github %}
<a href="{{include.github}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-github fa-2x fa-fw d-inline"></i>
<a href="{{include.github}}" aria-label="GitHub repository for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-github fa-2x fa-fw d-inline"></i>
</a>
{% endif %}
{% if include.gitlab %}
<a href="{{include.gitlab}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-gitlab fa-2x fa-fw d-inline"></i>
<a href="{{include.gitlab}}" aria-label="GitLab repository for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-gitlab fa-2x fa-fw d-inline"></i>
</a>
{% endif %}
{% if include.git %}
<a href="{{include.git}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-git-square fa-2x fa-fw d-inline"></i>
<a href="{{include.git}}" aria-label="Git repository for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fab fa-git-square fa-2x fa-fw d-inline"></i>
</a>
{% endif %}
{% if include.source %}
<a href="{{include.source}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fas fa-code-branch fa-2x fa-fw d-inline"></i>
<a href="{{include.source}}" aria-label="Source Code for {{include.title}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i aria-hidden="true" class="fas fa-code-branch fa-2x fa-fw d-inline"></i>
</a>
{% endif %}

View File

@ -41,10 +41,10 @@
</div>
</div>
<h3>Copy URL and Description</h3>
<h3><label for="copyUrl">Copy URL and Description</label></h3>
<p>
<input type="text" value="{{ site.name }} - Encryption and tools to protect against global mass surveillance - {{ site.production_url }}" class="form-control input-lg onclick-select">
<input id="copyUrl" type="text" value="{{ site.name }} - Encryption and tools to protect against global mass surveillance - {{ site.production_url }}" class="form-control input-lg onclick-select">
<span class="help-block">For easy copy and paste. Share this text snippet.</span>
</p>

View File

@ -1,17 +1,19 @@
<nav class="fixed-top bg-dark">
<div id="navbar" class="d-flex flex-wrap justify-content-between align-items-center">
<div class="w-50">
<a id="nav-home-mobile" class="nav-anchor" href="/">
<img src="/assets/img/svg/layout/brand/horizontal.svg" width="150px" />
<a id="nav-home-mobile" aria-label="Go to homepage" class="nav-anchor" href="/">
<img src="/assets/img/svg/layout/brand/horizontal.svg" alt="PrivacyTools.io" width="150px" />
</a>
</div>
<input type="checkbox" id="nav-toggle" checked />
<label for="nav-toggle" id="nav-toggle-label" class="fas fa-bars fa-lg"></label>
<label for="nav-toggle" id="nav-toggle-label" tabindex="0" class="fas fa-bars fa-lg">
<span hidden>Menu Button</span>
</label>
<div class="menu w-100">
<div id="nav-left" class="position-relative flex-col">
<a class="nav-anchor" href="/">
<span id="nav-home" class="fas fa-home fa-fw"></span>
<a class="nav-anchor" href="/" aria-label="Go to homepage">
<span id="nav-home" aria-hidden="true" class="fas fa-home fa-fw"></span>
</a>
<!-- Provider -->
@ -115,7 +117,7 @@
<a href="/about/" class="nav-anchor">
About Us
</a>{% unless page.url == '/sponsors/' %}
<span id="nav-switch-theme" class="nav-anchor">
<span id="nav-switch-theme" class="nav-anchor" tabindex="0">
<span class="nav-theme-icon fas fa-fw" aria-hidden="true" title="Theme"></span>
<span class="sr-only">Toggle Theme</span>
</span>

View File

@ -1,4 +1,4 @@
<h1 id="aaddons" class="anchor"><a href="#aaddons"><i class="fas fa-link anchor-icon"></i></a> Android Privacy Add-ons</h1>
<h1 id="aaddons" class="anchor"><a href="#aaddons" aria-label="Android Privacy Add-ons' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Android Privacy Add-ons</h1>
<div class="container-fluid">

View File

@ -1,6 +1,6 @@
<h1 id="mobile_os" class="anchor"><a href="#mobile_os"><i class="fas fa-link anchor-icon"></i></a> Mobile Operating Systems</h1>
<h1 id="mobile_os" class="anchor"><a href="#mobile_os" aria-label="Mobile Operating Systems' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Mobile Operating Systems</h1>
<h2 id="aosp_os" class="anchor"><a href="#aosp_os"><i class="fas fa-link anchor-icon"></i></a> Android-based Operating Systems</h1>
<h2 id="aosp_os" class="anchor"><a href="#aosp_os" aria-label="Android-based Operating Systems' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Android-based Operating Systems</h1>
<div class="alert alert-warning" role="alert">
<strong>Even though the source code of the following operating systems is provided, installing Google Apps may compromise your setup.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="addons" class="anchor"><a href="#addons"><i class="fas fa-link anchor-icon"></i></a> Recommended Browser Add-ons</h1>
<h1 id="addons" class="anchor"><a href="#addons" aria-label="Recommended Browser Add-ons' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Recommended Browser Add-ons</h1>
<div class="alert alert-secondary" role="alert">
Not all of these add-ons are necessary, and many provide redundant functionality. Choose the ones you need, and <a class="alert-link" href="https://blog.privacytools.io/firefox-privacy-an-introduction-to-safe/">learn more with our guide to Firefox Privacy</a>.

View File

@ -1,4 +1,4 @@
<h1 id="fingerprint" class="anchor"><a href="#fingerprint"><i class="fas fa-link anchor-icon"></i></a> Browser Fingerprint - Is your browser configuration unique?</h1>
<h1 id="fingerprint" class="anchor"><a href="#fingerprint" aria-label="Browser Fingerprint's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Browser Fingerprint - Is your browser configuration unique?</h1>
<div class="alert alert-warning" role="alert">
Your Browser sends information that makes you unique amongst millions of users and therefore easy to identify.

View File

@ -1,5 +1,5 @@
<h1 id="browser" class="anchor">
<a href="#browser"><span class="fas fa-link anchor-icon"></span></a>
<a href="#browser" aria-label="Browser Recommendations For Desktop's section"><span aria-hidden="true" class="fas fa-link anchor-icon"></span></a>
Browser Recommendations For Desktop
</h1>
@ -35,7 +35,7 @@
%}
<h1 id="browser-android" class="anchor">
<a href="#browser-android"><span class="fas fa-link anchor-icon"></span></a>
<a href="#browser-android" aria-label="Browser Recommendations For Android's section"><span aria-hidden="true" class="fas fa-link anchor-icon"></span></a>
Browser Recommendations For Android
</h1>
@ -95,7 +95,7 @@
</ul>
<h1 id="browser-ios" class="anchor"><a href="#browser-ios"><i class="fas fa-link anchor-icon"></i></a> Browser Recommendations For iOS</h1>
<h1 id="browser-ios" class="anchor"><a href="#browser-ios" aria-label="Browser Recommendations For iOS section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Browser Recommendations For iOS</h1>
{% include cardv2.html
title="Firefox"

View File

@ -1,4 +1,4 @@
<h1 id="about_config" class="anchor"><a href="#about_config"><i class="fas fa-link anchor-icon"></i></a> Firefox: Privacy Related "about:config" Tweaks</h1>
<h1 id="about_config" class="anchor"><a href="#about_config" aria-label="Firefox: Privacy Related about:config Tweaks's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Firefox: Privacy Related "about:config" Tweaks</h1>
<div class="alert alert-success" role="alert">This is a collection of privacy-related <strong>about:config</strong> tweaks. We'll show you how to enhance the privacy of your Firefox browser.</div>

View File

@ -1,4 +1,4 @@
<h1 id="webrtc" class="anchor"><a href="#webrtc"><i class="fas fa-link anchor-icon"></i></a> WebRTC IP Leak Test - Is your IP address leaking?</h1>
<h1 id="webrtc" class="anchor"><a href="#webrtc" aria-label="WebRTC IP Leak Test's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> WebRTC IP Leak Test - Is your IP address leaking?</h1>
<div class="alert alert-danger" role="alert">
WebRTC is a new communication protocol that relies on JavaScript that can leak your actual IP address from behind your VPN.

View File

@ -1,4 +1,4 @@
<h1 id="calendar_contacts" class="anchor"><a href="#calendar_contacts"><i class="fas fa-link anchor-icon"></i></a> Calendar and Contacts Sync</h1>
<h1 id="calendar_contacts" class="anchor"><a href="#calendar_contacts" aria-label="Calendar and Contacts Sync's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Calendar and Contacts Sync</h1>
<div class="alert alert-warning" role="alert">
<strong>If you are currently using a calendar and or contacts synchronization service like Google Sync or iCloud, you should pick an alternative here.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="cloud" class="anchor"><a href="#cloud"><i class="fas fa-link anchor-icon"></i></a> Encrypted Cloud Storage Services</h1>
<h1 id="cloud" class="anchor"><a href="#cloud" aria-label="Encrypted Cloud Storage Services' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Encrypted Cloud Storage Services</h1>
<div class="alert alert-warning" role="alert">
<strong>If you are currently using Dropbox, Google Drive, Microsoft OneDrive or Apple iCloud, you should pick an alternative here.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="video" class="anchor"><a href="#video"><i class="fas fa-link anchor-icon"></i></a> Decentralized Video Platforms</h1>
<h1 id="video" class="anchor"><a href="#video" aria-label="Decentralized Video Platforms' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Decentralized Video Platforms</h1>
<div class="alert alert-warning" role="alert">
<strong> If you are currently using a platform like YouTube or Vimeo, you should pick an alternative here.</strong>

View File

@ -1,9 +1,13 @@
<h1 id="dns" class="anchor">
<a href="#dns"><i class="fas fa-link anchor-icon"></i></a> Encrypted DNS Resolvers
<a href="#dns" aria-label="Encrypted DNS Resolvers' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Encrypted DNS Resolvers
</h1>
<div class="alert alert-warning" role="alert">
DNS-over-HTTPS, DNS-over-TLS, and DNSCrypt resolvers will not make you anonymous. Using Anonymized DNSCrypt hides <i>only</i> your DNS traffic from your Internet Service Provider. However, using any of these protocols will prevent DNS hijacking, and make your DNS requests harder for third parties to eavesdrop on and tamper with. If you are currently using Google's DNS resolver, you should pick an alternative here. See the <a href="#dns-definitions">definitions</a> below.
DNS-over-HTTPS, DNS-over-TLS, and DNSCrypt resolvers will not make you anonymous. Using Anonymized DNSCrypt hides
<i>only</i> your DNS traffic from your Internet Service Provider. However, using any of these protocols will prevent
DNS hijacking, and make your DNS requests harder for third parties to eavesdrop on and tamper with. If you are
currently using Google's DNS resolver, you should pick an alternative here. See the <a
href="#dns-definitions">definitions</a> below.
</div>
<div id="dns-table" class="table-responsive">
@ -31,20 +35,21 @@
<td>Anycast (based in
<span class="no-text-wrap">
<span class="flag-icon flag-icon-cy"></span>
Cyprus)
Cyprus)
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://adguard.com/en/privacy/dns.html">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" href="https://adguard.com/en/privacy/dns.html"
aria-label="Go to AdGuard DNS' Privacy Page">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>Commercial</td>
<td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"We store aggregated performance metrics of our DNS server, namely the number of complete requests to a particular server, the number of blocked requests, the speed of processing requests.
<td><a data-toggle="tooltip" data-placement="bottom"
data-original-title='"We store aggregated performance metrics of our DNS server, namely the number of complete requests to a particular server, the number of blocked requests, the speed of processing requests.
We keep and store the database of domains requested in the last 24 hours. We need this information to identify and block new trackers and threats.
We also log how many times this or that tracker has been blocked. We need this information to remove outdated rules from our filters."' href="https://adguard.com/en/privacy/dns.html">Some</a></td>
We also log how many times this or that tracker has been blocked. We need this information to remove outdated rules from our filters."'
href="https://adguard.com/en/privacy/dns.html">Some</a></td>
<td>DoH, DoT, DNSCrypt</td>
<td>Yes</td>
<td>Yes</td>
@ -54,10 +59,9 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://github.com/AdguardTeam/AdGuardDNS/">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" href="https://github.com/AdguardTeam/AdGuardDNS/"
aria-label="Go to AdGuard DNS Repository">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>
@ -93,12 +97,9 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<div
class="btn-secondary btn-icon"
data-original-title="&quot;No logs.&quot;"
data-toggle="tooltip"
<div class="btn-secondary btn-icon" data-original-title="&quot;No logs.&quot;" data-toggle="tooltip"
data-placement="bottom">
<span class="fas fa-globe"></span>
<span aria-hidden="true" class="fas fa-globe"></span>
</div>
</td>
<td>Hobby Project</td>
@ -106,8 +107,9 @@ We also log how many times this or that tracker has been blocked. We need this i
<td data-value="dot/443">
<span class="no-text-wrap">
DoH,
<span data-toggle="tooltip" data-placement="bottom" data-original-title="Supports port 443 in addition to 853">
DoT <span class="fas fa-info-circle fa-sm text-secondary"></span>,
<span data-toggle="tooltip" data-placement="bottom"
data-original-title="Supports port 443 in addition to 853">
DoT <span aria-hidden="true" class="fas fa-info-circle fa-sm text-secondary"></span>,
</span>
</span>
DNSCrypt
@ -126,10 +128,8 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://github.com/ookangzheng/blahdns/">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to BlahDNS Repository" href="https://github.com/ookangzheng/blahdns/">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>
@ -153,14 +153,14 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://www.cloudflare.com/privacypolicy/">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to Cloudflare DNS Privacy Policy Page" href="https://www.cloudflare.com/privacypolicy/">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>Commercial</td>
<td><a data-toggle="tooltip" data-placement="bottom" data-original-title="Cloudflare collects and stores only the limited DNS query data that is sent to the 1.1.1.1 resolver. The 1.1.1.1 resolver service does not log personal data, and the bulk of the limited non-personally identifiable query data is only stored for 25 hours." href="https://developers.cloudflare.com/1.1.1.1/privacy/public-dns-resolver/">Some</a></td>
<td><a data-toggle="tooltip" data-placement="bottom"
data-original-title="Cloudflare collects and stores only the limited DNS query data that is sent to the 1.1.1.1 resolver. The 1.1.1.1 resolver service does not log personal data, and the bulk of the limited non-personally identifiable query data is only stored for 25 hours."
href="https://developers.cloudflare.com/1.1.1.1/privacy/public-dns-resolver/">Some</a></td>
<td>DoH, DoT</td>
<td>Yes</td>
<td>Yes</td>
@ -184,15 +184,15 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<div
class="btn-secondary btn-icon"
<div class="btn-secondary btn-icon"
data-original-title="&quot;CZ.NIC resolvers neither collect any personal data nor gather information on pages where your computer sends personal data.&quot;"
data-toggle="tooltip"
data-placement="bottom">
<span class="fas fa-globe"></span>
</a>
data-toggle="tooltip" data-placement="bottom">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"CZ.NIC is an interest association of legal entities, founded in 1998 by leading providers of Internet services."' href="https://www.nic.cz/page/351/about-association/">Association</a></td>
<td><a data-toggle="tooltip" data-placement="bottom"
data-original-title='"CZ.NIC is an interest association of legal entities, founded in 1998 by leading providers of Internet services."'
href="https://www.nic.cz/page/351/about-association/">Association</a></td>
<td>No</td>
<td>DoH, DoT</td>
<td>Yes</td>
@ -213,19 +213,20 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://appliedprivacy.net/privacy-policy">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to privacy policy's page of Foundation for Applied Privacy " href="https://appliedprivacy.net/privacy-policy">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>Non-Profit</td>
<td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"We do NOT log your IP address or DNS queries during normal operations. We do NOT share query data with third parties that are not directly involved with resolving the query (i.e. sending queries to authoritative nameservers for resolution)."' href="https://appliedprivacy.net/privacy-policy/">Some</a></td>
<td><a data-toggle="tooltip" data-placement="bottom"
data-original-title='"We do NOT log your IP address or DNS queries during normal operations. We do NOT share query data with third parties that are not directly involved with resolving the query (i.e. sending queries to authoritative nameservers for resolution)."'
href="https://appliedprivacy.net/privacy-policy/">Some</a></td>
<td data-value="dot/443">
<span class="no-text-wrap">
DoH,
<span data-toggle="tooltip" data-placement="bottom" data-original-title="Supports port 443 in addition to 853">
DoT <span class="fas fa-info-circle fa-sm text-secondary"></span>
<span data-toggle="tooltip" data-placement="bottom"
data-original-title="Supports port 443 in addition to 853">
DoT <span aria-hidden="true" class="fas fa-info-circle fa-sm text-secondary"></span>
</span>
</span>
</td>
@ -251,14 +252,14 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://libreops.cc/terms.html">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to LibreDNS terms of use" href="https://libreops.cc/terms.html">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="Part of LibreHosters, &quot;a network of cooperation and solidarity that uses free software to encourage decentralisation through federation and distributed platforms.&quot;" href="https://libreho.st/">
<a data-toggle="tooltip" data-placement="bottom"
data-original-title="Part of LibreHosters, &quot;a network of cooperation and solidarity that uses free software to encourage decentralisation through federation and distributed platforms.&quot;"
href="https://libreho.st/">
Informal collective
</a>
</td>
@ -272,10 +273,8 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://gitlab.com/libreops/libredns">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to LibreDNS Repository" href="https://gitlab.com/libreops/libredns">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>
@ -296,15 +295,15 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://www.nextdns.io/privacy">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to NextDNS Privacy Policy" href="https://www.nextdns.io/privacy">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>Commercial</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title='"Some of the features require some sort of data retention. In that case, we give our users the choice to granularly or completely disable those features (and associated data retention), and we follow up immediately on that promise"' href="https://www.nextdns.io/privacy">Based on user choice</a>
<a data-toggle="tooltip" data-placement="bottom"
data-original-title='"Some of the features require some sort of data retention. In that case, we give our users the choice to granularly or completely disable those features (and associated data retention), and we follow up immediately on that promise"'
href="https://www.nextdns.io/privacy">Based on user choice</a>
</td>
<td>DoH, DoT, DNSCrypt</td>
<td>Yes</td>
@ -338,14 +337,14 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://nixnet.xyz/privacy/">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to NixNet Privacy Policy" href="https://nixnet.xyz/privacy/">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title='Part of LibreHosters, "a network of cooperation and solidarity that uses free software to encourage decentralisation through federation and distributed platforms."' href="https://libreho.st/">
<a data-toggle="tooltip" data-placement="bottom"
data-original-title='Part of LibreHosters, "a network of cooperation and solidarity that uses free software to encourage decentralisation through federation and distributed platforms."'
href="https://libreho.st/">
Informal collective
</a>
</td>
@ -359,10 +358,8 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://git.nixnet.xyz/NixNet/dns">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to NixNet Repository" href="https://git.nixnet.xyz/NixNet/dns">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>
@ -383,10 +380,8 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://powerdns.org/doh/privacy.html">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to PowerDNS Privacy Policy" href="https://powerdns.org/doh/privacy.html">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>Hobby Project</td>
@ -396,10 +391,8 @@ We also log how many times this or that tracker has been blocked. We need this i
<td>No</td>
<td>No</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://github.com/PowerDNS/pdns">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to PowerDNS Repository" href="https://github.com/PowerDNS/pdns">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>
@ -420,14 +413,14 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://quad9.net/policy/">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to Quad9 Privacy Policy" href="https://quad9.net/policy/">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>Non-Profit</td>
<td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"Our normal course of data management does not have any IP address information or other PII logged to disk or transmitted out of the location in which the query was received."' href="https://quad9.net/policy/">Some</a></td>
<td><a data-toggle="tooltip" data-placement="bottom"
data-original-title='"Our normal course of data management does not have any IP address information or other PII logged to disk or transmitted out of the location in which the query was received."'
href="https://quad9.net/policy/">Some</a></td>
<td>DoH, DoT, DNSCrypt</td>
<td>Yes</td>
<td>Yes</td>
@ -456,14 +449,14 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<a
class="btn-secondary btn-icon"
href="https://snopyta.org/privacy_policy/">
<span class="fas fa-globe"></span>
<a class="btn-secondary btn-icon" aria-label="Go to Snopyta Repository" href="https://snopyta.org/privacy_policy/">
<span aria-hidden="true" class="fas fa-globe"></span>
</a>
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="Part of LibreHosters, &quot;a network of cooperation and solidarity that uses free software to encourage decentralisation through federation and distributed platforms.&quot;" href="https://libreho.st/">
<a data-toggle="tooltip" data-placement="bottom"
data-original-title="Part of LibreHosters, &quot;a network of cooperation and solidarity that uses free software to encourage decentralisation through federation and distributed platforms.&quot;"
href="https://libreho.st/">
Informal collective
</a>
</td>
@ -497,7 +490,7 @@ We also log how many times this or that tracker has been blocked. We need this i
<span class="no-text-wrap">
<span class="flag-icon flag-icon-dk"></span>
Denmark,
</span>
</span>
<span class="no-text-wrap">
<span class="flag-icon flag-icon-us"></span>
@ -505,12 +498,10 @@ We also log how many times this or that tracker has been blocked. We need this i
</span>
</td>
<td>
<div
class="btn-secondary btn-icon"
<div class="btn-secondary btn-icon"
data-original-title="&quot;Absolutely nothing is being logged, neither about the users nor the usage of this service. I do keep graphs of the total number of queries, but no personally identifiable information is saved. The data that is saved will never be sold or used for anything except capacity planning of the service.&quot;"
data-toggle="tooltip"
data-placement="bottom">
<span class="fas fa-globe"></span>
data-toggle="tooltip" data-placement="bottom">
<span aria-hidden="true" class="fas fa-globe"></span>
</div>
</td>
<td>Hobby Project</td>
@ -532,137 +523,168 @@ We also log how many times this or that tracker has been blocked. We need this i
</div>
<h1 id="dns-desktop-clients" class="anchor">
<a href="#dns-desktop-clients">
<i class="fas fa-link anchor-icon"></i>
<a href="#dns-desktop-clients" aria-label="Encrypted DNS Client Recommendations for Desktop's section">
<i aria-hidden="true" class="fas fa-link anchor-icon"></i>
</a> Encrypted DNS Client Recommendations for Desktop
</h1>
{%
include cardv2.html
title="Unbound"
image="/assets/img/svg/3rd-party/unbound.svg"
description='A validating, recursive, caching DNS resolver, supporting DNS-over-TLS, and has been <a href="https://ostif.org/our-audit-of-unbound-dns-by-x41-d-sec-full-results/">independently audited</a>.'
website="https://nlnetlabs.nl/projects/unbound/about/"
forum="https://forum.privacytools.io/t/discussion-unbound/3563"
github="https://github.com/NLnetLabs/unbound"
include cardv2.html
title="Unbound"
image="/assets/img/svg/3rd-party/unbound.svg"
description='A validating, recursive, caching DNS resolver, supporting DNS-over-TLS, and has been <a
href="https://ostif.org/our-audit-of-unbound-dns-by-x41-d-sec-full-results/">independently audited</a>.'
website="https://nlnetlabs.nl/projects/unbound/about/"
forum="https://forum.privacytools.io/t/discussion-unbound/3563"
github="https://github.com/NLnetLabs/unbound"
%}
{%
include cardv2.html
title="dnscrypt-proxy"
image="/assets/img/svg/3rd-party/dnscrypt-proxy.svg"
description='A DNS proxy with support for DNSCrypt, DNS-over-HTTPS, and <a href="https://github.com/DNSCrypt/dnscrypt-protocol/blob/master/ANONYMIZED-DNSCRYPT.txt">Anonymized DNSCrypt</a>, a <a href="https://github.com/DNSCrypt/dnscrypt-proxy/wiki/Anonymized-DNS">relay-based protocol that the hides client IP address.</a>'
website="https://github.com/DNSCrypt/dnscrypt-proxy/wiki"
forum="https://forum.privacytools.io/t/discussion-dnscrypt-proxy/1498"
github="https://github.com/DNSCrypt/dnscrypt-proxy"
include cardv2.html
title="dnscrypt-proxy"
image="/assets/img/svg/3rd-party/dnscrypt-proxy.svg"
description='A DNS proxy with support for DNSCrypt, DNS-over-HTTPS, and <a
href="https://github.com/DNSCrypt/dnscrypt-protocol/blob/master/ANONYMIZED-DNSCRYPT.txt">Anonymized DNSCrypt</a>, a <a
href="https://github.com/DNSCrypt/dnscrypt-proxy/wiki/Anonymized-DNS">relay-based protocol that the hides client IP
address.</a>'
website="https://github.com/DNSCrypt/dnscrypt-proxy/wiki"
forum="https://forum.privacytools.io/t/discussion-dnscrypt-proxy/1498"
github="https://github.com/DNSCrypt/dnscrypt-proxy"
%}
{%
include cardv2.html
title="Stubby"
image="/assets/img/png/3rd-party/stubby.png"
description='An application that acts as a local DNS-over-TLS stub resolver. Stubby can be used in <a href="https://dnsprivacy.org/wiki/display/DP/DNS+Privacy+Clients#DNSPrivacyClients-Unbound/Stubbycombination">combination with Unbound</a> by managing the upstream TLS connections (since Unbound cannot yet re-use TCP/TLS connections) with Unbound providing a local cache.'
website="https://dnsprivacy.org/wiki/display/DP/DNS+Privacy+Daemon+-+Stubby"
forum="https://forum.privacytools.io/t/discussion-stubby/3582"
github="https://github.com/getdnsapi/stubby"
include cardv2.html
title="Stubby"
image="/assets/img/png/3rd-party/stubby.png"
description='An application that acts as a local DNS-over-TLS stub resolver. Stubby can be used in <a
href="https://dnsprivacy.org/wiki/display/DP/DNS+Privacy+Clients#DNSPrivacyClients-Unbound/Stubbycombination">combination
with Unbound</a> by managing the upstream TLS connections (since Unbound cannot yet re-use TCP/TLS connections) with
Unbound providing a local cache.'
website="https://dnsprivacy.org/wiki/display/DP/DNS+Privacy+Daemon+-+Stubby"
forum="https://forum.privacytools.io/t/discussion-stubby/3582"
github="https://github.com/getdnsapi/stubby"
%}
{%
include cardv2.html
title="Firefox's built-in DNS-over-HTTPS resolver"
image="/assets/img/svg/3rd-party/firefox_browser.svg"
description='Firefox comes with built-in DNS-over-HTTPS support for <a href="https://blog.mozilla.org/blog/2020/02/25/firefox-continues-push-to-bring-dns-over-https-by-default-for-us-users/">NextDNS and Cloudflare</a> but users can manually use any other DoH resolver.'
labels="color==warning::icon==fas fa-exclamation-triangle::link==https://developers.cloudflare.com/1.1.1.1/privacy/firefox::text==Warning::tooltip==Cloudflare logs a limited amount of data about the DNS requests that are sent to their custom resolver for Firefox."
website="https://support.mozilla.org/en-US/kb/firefox-dns-over-https"
privacy-policy="https://wiki.mozilla.org/Security/DOH-resolver-policy"
forum="https://forum.privacytools.io/t/discussion-firefox-s-built-in-dns-over-https-resolver/3564"
include cardv2.html
title="Firefox's built-in DNS-over-HTTPS resolver"
image="/assets/img/svg/3rd-party/firefox_browser.svg"
description='Firefox comes with built-in DNS-over-HTTPS support for <a
href="https://blog.mozilla.org/blog/2020/02/25/firefox-continues-push-to-bring-dns-over-https-by-default-for-us-users/">NextDNS
and Cloudflare</a> but users can manually use any other DoH resolver.'
labels="color==warning::icon==fas
fa-exclamation-triangle::link==https://developers.cloudflare.com/1.1.1.1/privacy/firefox::text==Warning::tooltip==Cloudflare
logs a limited amount of data about the DNS requests that are sent to their custom resolver for Firefox."
website="https://support.mozilla.org/en-US/kb/firefox-dns-over-https"
privacy-policy="https://wiki.mozilla.org/Security/DOH-resolver-policy"
forum="https://forum.privacytools.io/t/discussion-firefox-s-built-in-dns-over-https-resolver/3564"
%}
<h1 id="dns-android-clients" class="anchor">
<a href="#dns-android-clients">
<i class="fas fa-link anchor-icon"></i>
<a href="#dns-android-clients" aria-label="Encrypted DNS Client Recommendations for Android's section">
<i aria-hidden="true" class="fas fa-link anchor-icon"></i>
</a> Encrypted DNS Client Recommendations for Android
</h1>
{%
include cardv2.html
title="Android 9's built-in DNS-over-TLS resolver"
image="/assets/img/svg/3rd-party/android.svg"
description="Android 9 (Pie) comes with built-in DNS-over-TLS support without the need for a 3rd-party application."
labels="color==warning::icon==fas fa-exclamation-triangle::link==https://developers.google.com/speed/public-dns/docs/using#android_9_pie_or_later::text==Warning::tooltip==Android 9's DoT settings have no effect when used concurrently with VPN-based apps which override the DNS."
website="https://support.google.com/android/answer/9089903#private_dns"
forum="https://forum.privacytools.io/t/discussion-android-9s-built-in-dns-over-tls-resolver/3562"
include cardv2.html
title="Android 9's built-in DNS-over-TLS resolver"
image="/assets/img/svg/3rd-party/android.svg"
description="Android 9 (Pie) comes with built-in DNS-over-TLS support without the need for a 3rd-party application."
labels="color==warning::icon==fas
fa-exclamation-triangle::link==https://developers.google.com/speed/public-dns/docs/using#android_9_pie_or_later::text==Warning::tooltip==Android
9's DoT settings have no effect when used concurrently with VPN-based apps which override the DNS."
website="https://support.google.com/android/answer/9089903#private_dns"
forum="https://forum.privacytools.io/t/discussion-android-9s-built-in-dns-over-tls-resolver/3562"
%}
{%
include cardv2.html
title="Nebulo"
image="/assets/img/png/3rd-party/nebulo.png"
description='An open-source Android client supporting DNS-over-HTTPS and DNS-over-TLS, caching DNS responses, and locally logging DNS queries.'
website="https://git.frostnerd.com/PublicAndroidApps/smokescreen/-/blob/master/README.md"
privacy-policy="https://smokescreen.app/privacypolicy"
forum="https://forum.privacytools.io/t/discussion-nebulo/3565"
fdroid="https://git.frostnerd.com/PublicAndroidApps/smokescreen#f-droid"
googleplay="https://play.google.com/store/apps/details?id=com.frostnerd.smokescreen"
source="https://git.frostnerd.com/PublicAndroidApps/smokescreen"
include cardv2.html
title="Nebulo"
image="/assets/img/png/3rd-party/nebulo.png"
description='An open-source Android client supporting DNS-over-HTTPS and DNS-over-TLS, caching DNS responses, and
locally logging DNS queries.'
website="https://git.frostnerd.com/PublicAndroidApps/smokescreen/-/blob/master/README.md"
privacy-policy="https://smokescreen.app/privacypolicy"
forum="https://forum.privacytools.io/t/discussion-nebulo/3565"
fdroid="https://git.frostnerd.com/PublicAndroidApps/smokescreen#f-droid"
googleplay="https://play.google.com/store/apps/details?id=com.frostnerd.smokescreen"
source="https://git.frostnerd.com/PublicAndroidApps/smokescreen"
%}
<h1 id="dns-ios-clients" class="anchor">
<a href="#dns-ios-clients">
<i class="fas fa-link anchor-icon"></i>
<a href="#dns-ios-clients" aria-label="Encrypted DNS Client Recommendations for iOS' section">
<i aria-hidden="true" class="fas fa-link anchor-icon"></i>
</a> Encrypted DNS Client Recommendations for iOS
</h1>
{%
include cardv2.html
title="DNSCloak"
image="/assets/img/png/3rd-party/dnscloak.png"
description='An open-source iOS client supporting DNS-over-HTTPS, DNSCrypt, and <a href="https://github.com/DNSCrypt/dnscrypt-proxy/wiki">dnscrypt-proxy</a> options such as caching DNS responses, locally logging DNS queries, and custom block lists. Users can <a href="https://blog.privacytools.io/adding-custom-dns-over-https-resolvers-to-dnscloak/">add custom resolvers by DNS stamp</a>.'
website="https://github.com/s-s/dnscloak/blob/master/README.md"
privacy-policy="https://drive.google.com/file/d/1050No_pU74CAWUS5-BwQWyO2x_aiMzWc/view"
forum="https://forum.privacytools.io/t/discussion-dnscloak/3566"
ios="https://apps.apple.com/app/id1452162351"
github="https://github.com/s-s/dnscloak"
include cardv2.html
title="DNSCloak"
image="/assets/img/png/3rd-party/dnscloak.png"
description='An open-source iOS client supporting DNS-over-HTTPS, DNSCrypt, and <a
href="https://github.com/DNSCrypt/dnscrypt-proxy/wiki">dnscrypt-proxy</a> options such as caching DNS responses,
locally logging DNS queries, and custom block lists. Users can <a
href="https://blog.privacytools.io/adding-custom-dns-over-https-resolvers-to-dnscloak/">add custom resolvers by DNS
stamp</a>.'
website="https://github.com/s-s/dnscloak/blob/master/README.md"
privacy-policy="https://drive.google.com/file/d/1050No_pU74CAWUS5-BwQWyO2x_aiMzWc/view"
forum="https://forum.privacytools.io/t/discussion-dnscloak/3566"
ios="https://apps.apple.com/app/id1452162351"
github="https://github.com/s-s/dnscloak"
%}
<h2 id="appledns" class="anchor">
<a href="#appledns">
<i class="fas fa-link anchor-icon"></i>
<a href="#appledns" aria-label="Apple's native support's section">
<i aria-hidden="true" class="fas fa-link anchor-icon"></i>
</a>Apple's native support
</h2>
<p>
In iOS, iPadOS, tvOS 14 and macOS 11, DoT and DoH were introduced. DoT and DoH are supported natively by installation of profiles (through mobileconfig files opened in <em>Safari</em>).
After installation, the encrypted DNS server can be selected in <em>Settings &rarr; General &rarr; VPN and Network &rarr; DNS</em>.
In iOS, iPadOS, tvOS 14 and macOS 11, DoT and DoH were introduced. DoT and DoH are supported natively by installation
of profiles (through mobileconfig files opened in <em>Safari</em>).
After installation, the encrypted DNS server can be selected in <em>Settings &rarr; General &rarr; VPN and Network
&rarr; DNS</em>.
</p>
<ul>
<li><strong>Signed profiles</strong> are offered by <a href="https://adguard.com/en/blog/encrypted-dns-ios-14.html">AdGuard</a> and <a href="https://apple.nextdns.io/">NextDNS</a>.</li>
<li>User contributed <strong>unsigned profiles</strong> for several DNS providers are hosted by <a href="https://encrypted-dns.party/">encrypted-dns.party</a>.</li>
<li><strong>Signed profiles</strong> are offered by <a
href="https://adguard.com/en/blog/encrypted-dns-ios-14.html">AdGuard</a> and <a
href="https://apple.nextdns.io/">NextDNS</a>.</li>
<li>User contributed <strong>unsigned profiles</strong> for several DNS providers are hosted by <a
href="https://encrypted-dns.party/">encrypted-dns.party</a>.</li>
</ul>
<h2 id="dns-definitions" class="anchor">
<a href="#dns-definitions">
<a href="#dns-definitions" aria-label="Definitions' section">
<i class="fas fa-link anchor-icon"></i>
</a> Definitions
</h2>
<h4>DNS-over-TLS (DoT)</h4>
<p>
A security protocol for encrypted DNS on a dedicated port 853. Some providers support port 443 which generally works everywhere while port 853 is often blocked by restrictive firewalls.
A security protocol for encrypted DNS on a dedicated port 853. Some providers support port 443 which generally works
everywhere while port 853 is often blocked by restrictive firewalls.
</p>
<h4>DNS-over-HTTPS (DoH)</h4>
<p>
Similar to DoT, but uses HTTPS instead, being indistinguishable from "normal" HTTPS traffic on port 443 and more difficult to block. {% include badge.html color="warning" text="Warning" tooltip="DoH contains metadata such as user-agent (which may include system information) that is sent to the DNS server." link="https://tools.ietf.org/html/rfc8484#section-8.2" icon="fas fa-exclamation-triangle" %}
Similar to DoT, but uses HTTPS instead, being indistinguishable from "normal" HTTPS traffic on port 443 and more
difficult to block. {% include badge.html color="warning" text="Warning" tooltip="DoH contains metadata such as
user-agent (which may include system information) that is sent to the DNS server."
link="https://tools.ietf.org/html/rfc8484#section-8.2" icon="fas fa-exclamation-triangle" %}
</p>
<h4>DNSCrypt</h4>
<p>
With an <a href="https://dnscrypt.info/protocol/">open specification</a>, DNSCrypt is an older, yet robust method for encrypting DNS.
With an <a href="https://dnscrypt.info/protocol/">open specification</a>, DNSCrypt is an older, yet robust method for
encrypting DNS.
</p>
<h4>Anonymized DNSCrypt</h4>
<p>
A <a href="https://github.com/DNSCrypt/dnscrypt-proxy/wiki/Anonymized-DNS">lightweight protocol</a> that hides the client IP address by using pre-configured relays to forward encrypted DNS data. This is a relatively new protocol created in 2019 currently only supported by <a href="#dns-desktop-clients">dnscrypt-proxy</a> and a limited number of <a href="https://github.com/DNSCrypt/dnscrypt-resolvers/blob/master/v3/relays.md">relays</a>.
</p>
A <a href="https://github.com/DNSCrypt/dnscrypt-proxy/wiki/Anonymized-DNS">lightweight protocol</a> that hides the
client IP address by using pre-configured relays to forward encrypted DNS data. This is a relatively new protocol
created in 2019 currently only supported by <a href="#dns-desktop-clients">dnscrypt-proxy</a> and a limited number of
<a href="https://github.com/DNSCrypt/dnscrypt-resolvers/blob/master/v3/relays.md">relays</a>.
</p>

View File

@ -1,4 +1,4 @@
<h1 id="desktopclients" class="anchor"><a href="#desktopclients"><i class="fas fa-link anchor-icon"></i></a> Desktop Email Clients</h1>
<h1 id="desktopclients" class="anchor"><a href="#desktopclients" aria-label="Desktop Email Clients' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Desktop Email Clients</h1>
{% include cardv2.html
title="Thunderbird"
@ -49,9 +49,9 @@
<h1 id="mobileclients" class="anchor"><a href="#mobileclients"><i class="fas fa-link anchor-icon"></i></a> Mobile Email Clients</h1>
<h1 id="mobileclients" class="anchor"><a href="#mobileclients" aria-label="Mobile Email Clients' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Mobile Email Clients</h1>
<h2 id="adroidclients" class="anchor"><a href="#adroidclients"><i class="fas fa-link anchor-icon"></i></a> Android Email Clients</h1>
<h2 id="adroidclients" class="anchor"><a href="#adroidclients" aria-label="Android Email Clients' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Android Email Clients</h2>
{% include cardv2.html
title="FairEmail"
@ -77,7 +77,7 @@
googleplay="https://play.google.com/store/apps/details?id=com.fsck.k9"
%}
<h2 id="iosclients" class="anchor"><a href="#iosclients"><i class="fas fa-link anchor-icon"></i></a> iOS Email Clients</h1>
<h2 id="iosclients" class="anchor"><a href="#iosclients" aria-label="iOS Email Clients' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> iOS Email Clients</h1>
{% include cardv2.html
title="Canary Mail"

View File

@ -1,4 +1,4 @@
<h1 id="email" class="anchor"><a href="#email"><i class="fas fa-link anchor-icon"></i></a> Recommended Email Services</h1>
<h1 id="email" class="anchor"><a href="#email" aria-label="Recommended Email Services' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Recommended Email Services</h1>
<div class="alert alert-success" role="alert">
<strong>Our recommended providers operate outside of the US, adopt modern email technology, and meet <a href="/providers/email/#criteria">our other criteria</a> for listing.</strong> We also have a <a href="https://wiki.privacytools.io/view/Comparison_of_email_providers#Provider_comparison">detailed comparison table</a> of the below providers on the wiki.
@ -16,7 +16,7 @@
alt="ProtonMail">
</div>
<div class="col">
<h2 id="protonmail" class="anchor"><a href="#protonmail"><i class="fas fa-link anchor-icon"></i></a> ProtonMail {% include badge.html color="info" text="Free" %}</h2>
<h2 id="protonmail" class="anchor"><a href="#protonmail" aria-label="ProtonMail's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> ProtonMail {% include badge.html color="info" text="Free" %}</h2>
<p><strong><a href="https://protonmail.com">ProtonMail.com</a></strong> is an email service with a focus on privacy, encryption, security, and ease of use. They have been in operation since <strong>2013</strong>. ProtonMail is based in Genève, <span class="flag-icon flag-icon-ch"></span> Switzerland. Accounts start with 500 MB storage with their free plan.</p>
<p>Free accounts have some limitations and do not allow the use of the <a href="https://protonmail.com/bridge">ProtonMail Bridge</a>, which is required to use a <a href="/software/email">recommended email client</a> (e.g. Thunderbird) or to search email by body text. Paid accounts are available starting at <strong>€48/y</strong> which include features like ProtonMail Bridge, additional storage, custom domain support, and more. The webmail and mobile apps can only search <code>To:</code>, <code>From:</code>, <code>Date:</code> and <code>Subject:</code> (this is likely to change when <a href="https://reddit.com/comments/cqwk2a/comment/ex21b4e">v4.0</a> of ProtonMail is released).</p>
@ -54,7 +54,7 @@
alt="Mailbox">
</div>
<div class="col">
<h2 id="mailbox" class="anchor"><a href="#mailbox"><i class="fas fa-link anchor-icon"></i></a> Mailbox.org {% include badge.html color="info" text="€12/y" %}</h2>
<h2 id="mailbox" class="anchor"><a href="#mailbox" aria-label="Mailbox.org's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Mailbox.org {% include badge.html color="info" text="€12/y" %}</h2>
<p><strong><a href="https://mailbox.org">Mailbox.org</a></strong> is an email service with a focus on being secure, ad-free, and privately powered by 100% eco-friendly energy. They have been in operation since <strong>2014</strong>. Mailbox.org is based in Berlin, <span class="flag-icon flag-icon-de"></span> Germany. Accounts start with 2 GB of storage, which can be upgraded as needed.</p>
<h5>{% include badge.html color="success" text="Domains and Aliases" %}</h5>
@ -91,7 +91,7 @@
alt="Posteo">
</div>
<div class="col">
<h2 id="posteo" class="anchor"><a href="#posteo"><i class="fas fa-link anchor-icon"></i></a> Posteo {% include badge.html color="info" text="€12/y" %}</h2>
<h2 id="posteo" class="anchor"><a href="#posteo" aria-label="Posteo's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Posteo {% include badge.html color="info" text="€12/y" %}</h2>
<p><strong><a href="https://posteo.de">Posteo.de</a></strong> is an email provider that focuses on anonymous, secure, and private email. Their servers are powered by 100% sustainable energy. They have been in operation since <strong>2009</strong>. Posteo is based in <span class="flag-icon flag-icon-de"></span> Germany and has a free 14-day trial. Posteo comes with 2 GB for the monthly cost and an extra gigabyte can be purchased for €0.25 per month.</p>
<h5>{% include badge.html color="warning" text="Domains and Aliases" %}</h5>
@ -128,7 +128,7 @@
alt="Disroot">
</div>
<div class="col">
<h2 id="disroot" class="anchor"><a href="#disroot"><i class="fas fa-link anchor-icon"></i></a> Disroot {% include badge.html color="info" text="Free" %}</h2>
<h2 id="disroot" class="anchor"><a href="#disroot" aria-label="Disroot's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Disroot {% include badge.html color="info" text="Free" %}</h2>
<p><strong><a href="https://disroot.org/en/services/email">Disroot</a></strong> offers email amongst <a href="https://disroot.org/en/#services">other services</a>. The service is maintained by volunteers and its community. They have been in operation since <strong>2015</strong>. Disroot is based in <span class="flag-icon flag-icon-nl"></span> Amsterdam. Disroot is free and uses open source software such as Rainloop to provide service. Users support the service through donations and buying extra storage. The mailbox limit is 1 GB, but extra storage can be purchased 0.15€ per GB per month paid yearly.</p>
<h5>{% include badge.html color="success" text="Domains and Aliases" %}</h5>
@ -165,7 +165,7 @@
alt="Tutanota">
</div>
<div class="col">
<h2 id="tutanota" class="anchor"><a href="#tutanota"><i class="fas fa-link anchor-icon"></i></a> Tutanota {% include badge.html color="info" text="Free" %}</h2>
<h2 id="tutanota" class="anchor"><a href="#tutanota" aria-label="Tutanota's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Tutanota {% include badge.html color="info" text="Free" %}</h2>
<p><strong><a href="https://tutanota.com">Tutanota.com</a></strong> is an email service with a focus on security and privacy through the use of encryption. Tutanota has been in operation since <strong>2011</strong> and is based in Hanover, <span class="flag-icon flag-icon-de"></span> Germany. Accounts start with 1GB storage with their free plan.</p>
<p>Tutanota <a href="https://tutanota.com/faq/#imap">doesn't allow</a> the use of third-party <a href="/software/email/">email clients</a>. There are plans to allow Tutanota pull email from <a href="https://github.com/tutao/tutanota/issues/544">external email accounts</a> using the <a href="https://en.wikipedia.org/wiki/Internet_Message_Access_Protocol">IMAP</a> protocol. <a href="https://github.com/tutao/tutanota/issues/630">Email import</a> is currently not possible.</p>
<p>Emails can be exported <a href="https://tutanota.com/howto#generalMail">individually or by bulk selection</a>. Tutanota does not allow for <a href="https://github.com/tutao/tutanota/issues/927">subfolders</a> as you might expect with other email providers.</p>
@ -207,7 +207,7 @@
alt="StartMail">
</div>
<div class="col">
<h2 id="startmail" class="anchor"><a href="#startmail"><i class="fas fa-link anchor-icon"></i></a> StartMail {% include badge.html color="info" text="Personal USD $59.95/y" %}</h2>
<h2 id="startmail" class="anchor"><a href="#startmail" aria-label="StartMail's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> StartMail {% include badge.html color="info" text="Personal USD $59.95/y" %}</h2>
<p><strong><a href="https://startmail.com">StartMail.com</a></strong> is an email service with a focus on security and privacy through the use of standard OpenPGP encryption. StartMail has been in operation since <strong>2014</strong> and is based in Boulevard 11, Zeist <span class="flag-icon flag-icon-nl"></span> Netherlands. Accounts start with 10GB. They offer a 30-day trial.</p>
<h5>{% include badge.html color="success" text="Domains and Aliases" %}</h5>

View File

@ -1,4 +1,4 @@
<h1 id="encrypt" class="anchor"><a href="#encrypt"><i class="fas fa-link anchor-icon"></i></a> File Encryption Software</h1>
<h1 id="encrypt" class="anchor"><a href="#encrypt" aria-label="File Encryption Software's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> File Encryption Software</h1>
<div class="alert alert-warning" role="alert">
<strong>If you are currently not using encryption software for your hard disk, emails, or file archives, you should pick one here.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="filesharing" class="anchor"><a href="#filesharing"><i class="fas fa-link anchor-icon"></i></a> File Sharing</h1>
<h1 id="filesharing" class="anchor"><a href="#filesharing" aria-label="File Sharing's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> File Sharing</h1>
{% include cardv2.html
title="OnionShare"

View File

@ -1,6 +1,6 @@
<h1 id="sync" class="anchor">
<a href="#sync">
<i class="fas fa-link anchor-icon"></i>
<a href="#sync" aria-label="File Sync's section">
<i aria-hidden="true" class="fas fa-link anchor-icon"></i>
</a>
File Sync
</h1>

View File

@ -1,4 +1,4 @@
<h1 id="ukusa" class="anchor"><a href="#ukusa"><i class="fas fa-link anchor-icon"></i></a> Global Mass Surveillance - The Fourteen Eyes</h1>
<h1 id="ukusa" class="anchor"><a href="#ukusa" aria-label="The Fourteen Eyes' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Global Mass Surveillance - The Fourteen Eyes</h1>
<img src="/assets/img/svg/layout/ukusa.svg" width="260" height="115" class="img-fluid float-right ml-2" alt="UKUSA Agreement">

View File

@ -12,7 +12,7 @@
<form method="POST" action="https://search.privacytools.io/searx/" id="search_form" role="search">
<div class="input-group col-12 col-md-8 offset-md-2">
<input type="search" name="q" class="form-control input-lg" id="q" placeholder="Try {{ site.name }} Search, a Privacy-Respecting Search Engine" autocomplete="off" value="">
<input type="search" name="q" class="form-control input-lg" id="q" placeholder="Try {{ site.name }} Search, a Privacy-Respecting Search Engine" autocomplete="off" value="" aria-label="Search Form">
<span class="input-group-btn">
<button type="submit" class="btn btn-primary input-lg"><span class="hide_if_nojs"><i class="fas fa-search"></i> </span><span class="hidden active_if_nojs">start search</span></button>
</span>

View File

@ -1,4 +1,4 @@
<h1 id="host" class="anchor"><a href="#host"><i class="fas fa-link anchor-icon"></i></a> Secure Hosting Provider</h1>
<h1 id="host" class="anchor"><a href="#host" aria-label="Secure Hosting Provider's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Secure Hosting Provider</h1>
{% include cardv2.html
title="Data Center: Bahnhof"

View File

@ -1,5 +1,5 @@
<h1 id="im" class="anchor">
<a href="#im"><i class="fas fa-link anchor-icon"></i></a>
<a href="#im" aria-label="Encrypted Instant Messengers' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a>
Encrypted Instant Messengers
</h1>
@ -13,7 +13,7 @@
<p>We have described the three main types of messaging programs that exist: Centralized, Federated and Peer-to-Peer (P2P), with the advantages and disadvantages of each.</p>
<h2 id="centralized" class="anchor">
<a href="#centralized"><i class="fas fa-link anchor-icon"></i></a>
<a href="#centralized" aria-label="Centralized IMs' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a>
Centralized
</h2>
@ -63,7 +63,7 @@
<div>
<h2 id="federated" class="anchor">
<a href="#federated"><i class="fas fa-link anchor-icon"></i></a>
<a href="#federated" aria-label="Federated IMs' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a>
Federated
</h2>
@ -121,7 +121,7 @@
</ul>
<h2 id="peer-to-peer" class="anchor">
<a href="#peer-to-peer"><i class="fas fa-link anchor-icon"></i></a>
<a href="#peer-to-peer" aria-label="Peer to Peer IMs' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a>
Peer to Peer (P2P)
</h2>

View File

@ -1,4 +1,4 @@
<h1 id="iaddons" class="anchor"><a href="#iaddons"><i class="fas fa-link anchor-icon"></i></a> iOS Privacy Add-ons</h1>
<h1 id="iaddons" class="anchor"><a href="#iaddons" aria-label="iOS Privacy Add-ons' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> iOS Privacy Add-ons</h1>
<div class="container-fluid">

View File

@ -1,4 +1,4 @@
<h1 id="kdl" class="anchor"><a href="#kdl"><i class="fas fa-link anchor-icon"></i></a> Key Disclosure Law</h1>
<h1 id="kdl" class="anchor"><a href="#kdl" aria-label="Key Disclosure Law's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Key Disclosure Law</h1>
<h3>Who is required to hand over the encryption keys to authorities?</h3>

View File

@ -1,4 +1,4 @@
<h1 id="notebook" class="anchor"><a href="#notebook"><i class="fas fa-link anchor-icon"></i></a> Digital Notebook</h1>
<h1 id="notebook" class="anchor"><a href="#notebook" aria-label="Digital Notebook's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Digital Notebook</h1>
<div class="alert alert-warning" role="alert">
<strong>If you are currently using an application like Evernote, Google Keep, or Microsoft OneNote, you should pick an alternative here.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="os" class="anchor"><a href="#os"><i class="fas fa-link anchor-icon"></i></a> Introductory Operating Systems</h1>
<h1 id="os" class="anchor"><a href="#os" aria-label="Introductory Operating Systems' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Introductory Operating Systems</h1>
<div class="alert alert-warning" role="alert">
<strong>If you are currently using an operating system that collects data like Windows 10, you should pick an alternative here.</strong>
@ -24,7 +24,7 @@
git="https://launchpad.net/ubuntu"
%}
<h1 id="advanced_os" class="anchor"><a href="#advanced_os"><i class="fas fa-link anchor-icon"></i></a> Advanced Operating Systems</h1>
<h1 id="advanced_os" class="anchor"><a href="#advanced_os" aria-label="Advanced Operating Systems' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Advanced Operating Systems</h1>
<div class="alert alert-info" role="alert">
<strong>These options have advanced features and are unique in some way. These options will likely require the user to read technical background documentation.</strong>

View File

@ -1,4 +1,4 @@
<h2 id="other_os" class="anchor"><a href="#other_os"><i class="fas fa-link anchor-icon"></i></a> Other Mobile Operating Systems</h1>
<h2 id="other_os" class="anchor"><a href="#other_os" aria-label="Other Mobile Operating Systems' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Other Mobile Operating Systems</h1>
{% include cardv2.html
title="Ubuntu Touch"

View File

@ -1,5 +1,5 @@
<div class="page-header">
<h1 id="participate" class="anchor"><a href="#participate"><i class="fas fa-link anchor-icon"></i></a> Participate with suggestions and constructive criticism</h1>
<h1 id="participate" class="anchor"><a href="#participate" aria-label="Partecipation's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Participate with suggestions and constructive criticism</h1>
</div>
<p>It's important for a website like {{ site.name }} to stay up-to-date. Keep an eye on software updates for the applications listed on our site. Follow recent news about providers that we recommend. We try our best to keep up, but we're not perfect and the internet is changing fast. If you find an error, or you think a provider should not be listed here, or a qualified service provider is missing, or a browser plugin is not the best choice anymore, or anything else... <strong>Talk to us please.</strong> You can also find us on <a href="/services/chat/">several Matrix rooms</a>, primarily <code class="highlighter-rouge">#general:privacytools.io</code>. XMPP users can join there via <a href="https://conversations.im/j/%23general%23privacytools.io@matrix.org">#general#privacytools.io@matrix.org</a>. When using our services, users should follow our <a href="https://wiki.privacytools.io/view/PrivacyTools:Code_of_Conduct">Code of Conduct</a>.</p>

View File

@ -1,4 +1,4 @@
<h1 id="pw" class="anchor"><a href="#pw"><i class="fas fa-link anchor-icon"></i></a> Password Manager Software</h1>
<h1 id="pw" class="anchor"><a href="#pw" aria-label="Password Manager Software's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Password Manager Software</h1>
<div class="alert alert-warning" role="alert">
<strong>If you are currently using a password manager software like 1Password, LastPass, Roboform, or iCloud Keychain, you should pick an alternative here.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="paste" class="anchor"><a href="#paste"><i class="fas fa-link anchor-icon"></i></a> Pastebin Services</h1>
<h1 id="paste" class="anchor"><a href="#paste" aria-label="Pastebin Services' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Pastebin Services</h1>
{% include cardv2.html
title="PrivateBin"

View File

@ -1,4 +1,4 @@
<h1 id="resources" class="anchor"><a href="#resources"><i class="fas fa-link anchor-icon"></i></a> More Privacy Resources</h1>
<h1 id="resources" class="anchor"><a href="#resources" aria-label="Privacy resources' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> More Privacy Resources</h1>
<h3>Guides</h3>

View File

@ -1,4 +1,4 @@
<h1 id="productivity" class="anchor"><a href="#productivity"><i class="fas fa-link anchor-icon"></i></a> Productivity Tools</h1>
<h1 id="productivity" class="anchor"><a href="#productivity" aria-label="Productivity Tools' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Productivity Tools</h1>
{%
include cardv2.html
@ -63,7 +63,8 @@
<h1 id="metadata-removal-tools" class="anchor">
<a href="#metadata-removal-tools"
><i class="fas fa-link anchor-icon"></i>
aria-label="Metadata Removal Tools' section"
><i aria-hidden="true" class="fas fa-link anchor-icon"></i>
</a> Metadata Removal Tools
</h1>

View File

@ -32,7 +32,7 @@
<li><a href="https://papers.ssrn.com/sol3/papers.cfm?abstract_id=998565">'I've Got Nothing to Hide' and Other Misunderstandings of Privacy (Daniel J. Solove - San Diego Law Review)</a></li>
</ul>
<h1 id="quotes" class="anchor"><a href="#quotes"><i class="fas fa-link anchor-icon"></i></a> Quotes</h1>
<h1 id="quotes" class="anchor"><a href="#quotes" aria-label="Quotes' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Quotes</h1>
<blockquote class="blockquote">
<p>Ultimately, saying that you don't care about privacy because you have nothing to hide is no different from saying you don't care about freedom of speech because you have nothing to say. Or that you don't care about freedom of the press because you don't like to read. Or that you don't care about freedom of religion because you don't believe in God. Or that you don't care about the freedom to peacably assemble because you're a lazy, antisocial agoraphobe. </p>

View File

@ -1,4 +1,4 @@
<h1 id="firmware" class="anchor"><a href="#firmware"><i class="fas fa-link anchor-icon"></i></a> Open Source Router Firmware</h1>
<h1 id="firmware" class="anchor"><a href="#firmware" aria-label="Open Source Router Firmware's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Open Source Router Firmware</h1>
{% include cardv2.html
title="OpenWrt"

View File

@ -1,4 +1,4 @@
<h1 id="search" class="anchor"><a href="#search"><i class="fas fa-link anchor-icon"></i></a> Privacy Respecting Search Engines</h1>
<h1 id="search" class="anchor"><a href="#search" aria-label="Privacy Respecting Search Engines' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Privacy Respecting Search Engines</h1>
<div class="alert alert-warning" role="alert">
<strong>If you are currently using search engines like Google, Bing, or Yahoo, you should pick an alternative here.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="darknets" class="anchor"><a href="#darknets"><i class="fas fa-link anchor-icon"></i></a> Self-contained Networks</h1>
<h1 id="darknets" class="anchor"><a href="#darknets" aria-label="Self-contained Networks' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Self-contained Networks</h1>
<div class="alert alert-warning" role="alert">
<strong>If you are currently browsing <a href="https://en.wikipedia.org/wiki/Surface_Web">clearnet</a> and want to access the <a href="https://en.wikipedia.org/wiki/Dark_web">dark web</a>, this section is for you.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="mycloud" class="anchor"><a href="#mycloud"><i class="fas fa-link anchor-icon"></i></a> Self-Hosted Cloud Server Software</h1>
<h1 id="mycloud" class="anchor"><a href="#mycloud" aria-label="Self-Hosted Cloud Server Software's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Self-Hosted Cloud Server Software</h1>
<div class="alert alert-warning" role="alert">
<strong>If you are currently using a Cloud Storage Services like Dropbox, Google Drive, Microsoft OneDrive or Apple iCloud, you should think about hosting it on your own.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="social" class="anchor"><a href="#social"><i class="fas fa-link anchor-icon"></i></a> Decentralized Social Networks</h1>
<h1 id="social" class="anchor"><a href="#social" aria-label="Decentralized Social Networks' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Decentralized Social Networks</h1>
<div class="alert alert-warning" role="alert">
<strong> If you are currently using Social Networks like Facebook or Twitter, you should pick an alternative here.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="obb" class="anchor"><a href="#social-news-aggregator"><i class="fas fa-link anchor-icon"></i></a> Social News Aggregators</h1>
<h1 id="obb" class="anchor"><a href="#social-news-aggregator" aria-label="Social News Aggregators' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Social News Aggregators</h1>
<div class="alert alert-warning" role="alert">
<strong>If you are currently using a online bulletin board like Reddit, you should pick an alternative here.</strong>

View File

@ -1,6 +1,6 @@
<h1 id="teamchat" class="anchor">
<a href="#teamchat">
<i class="fas fa-link anchor-icon"></i>
<a href="#teamchat" aria-label="Team Chat Platforms' section">
<i aria-hidden="true" class="fas fa-link anchor-icon"></i>
</a> Team Chat Platforms
</h1>

View File

@ -1,4 +1,4 @@
<h1 id="tor_os" class="anchor"><a href="#tor_os"><i class="fas fa-link anchor-icon"></i></a> Tor-Focused Distributions</h1>
<h1 id="tor_os" class="anchor"><a href="#tor_os" aria-label="Tor-Focused Distributions' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Tor-Focused Distributions</h1>
<div class="alert alert-info" role="alert">
<strong>These Linux distributions are developed with the purpose of directing all network traffic through Tor.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="proxies" class="anchor"><a href="#proxies"><i class="fas fa-link anchor-icon"></i></a> Frontends and Proxies</h1>
<h1 id="proxies" class="anchor"><a href="#proxies" aria-label="Frontends and Proxies' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Frontends and Proxies</h1>
<div class="alert alert-warning" role="alert">
<strong> If you are currently using a platform like YouTube, you can keep watching videos without sharing your IP.</strong>

View File

@ -1,4 +1,4 @@
<h1 id="voip" class="anchor"><a href="#voip"><i class="fas fa-link anchor-icon"></i></a> Video/Voice Calling</h1>
<h1 id="voip" class="anchor"><a href="#voip" aria-label="Video/Voice Calling's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Video/Voice Calling</h1>
<div class="alert alert-warning" role="alert">
<strong>If you are currently using a Video/Voice Calling app like Google Hangouts, Skype, Viber or <a href="https://blog.privacytools.io/protecting-your-privacy-while-using-zoom-at-home/">Zoom</a>, you should pick an alternative here.</strong> Please note that many of the above instant messengers also support {% include badge.html color="info" text="VoIP" %}. The software listed below are <em>primarily</em> Voice/Video focused.

View File

@ -1,4 +1,4 @@
<h1 id="vpn" class="anchor"><a href="#vpn"><i class="fas fa-link anchor-icon"></i></a> Recommended VPN Services</h1>
<h1 id="vpn" class="anchor"><a href="#vpn" aria-label="Recommended VPN Services' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Recommended VPN Services</h1>
<div class="alert alert-success" role="alert">
<strong>Our recommended providers are outside the US, use encryption, accept Bitcoin, support OpenVPN, and have a no logging policy. <a href="/providers/vpn/#criteria">Read our full list of criteria for more information</a>.</strong>
@ -18,7 +18,7 @@
</div>
<div class="col">
<h2 id="mullvad" class="anchor">
<a href="#mullvad"><i class="fas fa-link anchor-icon"></i></a> Mullvad
<a href="#mullvad" aria-label="Mullvad's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Mullvad
{% include badge.html color="info" text="EUR €60/y" %}
</h2>
<p><strong><a href="https://mullvad.net/">Mullvad.net</a> </strong> is a fast and inexpensive VPN with a serious focus on transparency and security. They have been in operation since <strong>2009</strong>. Mullvad is based in <span class="flag-icon flag-icon-se"></span> Sweden and does not have a free trial.</p>
@ -53,7 +53,7 @@
</div>
<div class="col">
<h2 id="protonvpn" class="anchor">
<a href="#protonvpn"><i class="fas fa-link anchor-icon"></i></a> ProtonVPN
<a href="#protonvpn" aria-label="ProtonVPN's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> ProtonVPN
{% include badge.html color="info" text="Free" %}
{% include badge.html color="info" text="Basic USD $48/y" %}
{% include badge.html color="secondary" text="Plus USD $96/y" %}
@ -82,7 +82,7 @@
</div>
<div class="col">
<h2 id="ivpn" class="anchor">
<a href="#ivpn"><i class="fas fa-link anchor-icon"></i></a> IVPN
<a href="#ivpn" aria-label="IVPN's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> IVPN
{% include badge.html color="info" text="Standard USD $60/y" %}
{% include badge.html color="secondary" text="Pro USD $100/y" %}
</h2>

View File

@ -1,4 +1,4 @@
<h1 id="wc" class="anchor"><a href="#wc"><i class="fas fa-link anchor-icon"></i></a> What is a warrant canary?</h1>
<h1 id="wc" class="anchor"><a href="#wc" aria-label="Warrant Canary's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> What is a warrant canary?</h1>
<img src="/assets/img/svg/layout/warrant_canary_example.svg" width="450px" class="img-fluid float-right ml-3" alt="Warrant Canary Example">

View File

@ -1,4 +1,4 @@
<h1 id="win10" class="anchor"><a href="#win10"><i class="fas fa-link anchor-icon"></i></a> Don't use Windows 10 - It's a privacy nightmare</h1>
<h1 id="win10" class="anchor"><a href="#win10" aria-label="Don't use Windows 10's section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Don't use Windows 10 - It's a privacy nightmare</h1>
<div class="alert alert-warning" role="alert">
<strong>Microsoft introduced a lot of new features in Windows 10 such as Cortana. However, most of them are violating your privacy.</strong>

File diff suppressed because one or more lines are too long

View File

@ -72,7 +72,7 @@ table[data-sortable].sortable-theme-bootstrap tbody td {
}
/* line 18, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"] {
color: #3a87ad;
color: #2F6E8E;
background: #d9edf7;
border-bottom-color: #bce8f1;
}

View File

@ -6,13 +6,13 @@ $dark-900: #181b21;
$dark-800: #22262e;
$dark-700: #343a46;
$dark-600: #464f60;
$light: #d8d8d8;
$light: #f4f4eb;
$primary: #345e8e;
$danger: #b63f4a;
$secondary: $dark-600;
$success: #2c7f40;
$warning: #c6a339;
$info: #218899;
$info: #008299;
/*
@ -169,6 +169,33 @@ table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted
border-top-color: $light;
}
.alert-link {
color: #00d7ff !important;
}
.blockquote-footer {
color: #7a848e;
}
.highlighter-rouge, code {
color: #E6418E;
}
ol.breadcrumb > li.breadcrumb-item > a > span {
color: #248EFF;
}
ol.breadcrumb > li.breadcrumb-item.active > span {
color: #879197;
}
div.alert.alert-warning a {
color: #000B85;
}
div.alert.alert-success a {
color: #0AD2FF;
}
/*
* Other
@ -186,6 +213,21 @@ table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted
content: "\f185";
}
*:focus:not(.dropdown-item) {
outline: 2px solid yellow;
outline-offset: 0.1em;
}
button:focus {
outline: 2px solid yellow !important;
outline-offset: 0.1em !important;
}
div.alert.alert-warning a {
outline: 2px solid #000289 !important;
outline-offset: 0.1em !important;
}
.twitter { background: desaturate($twitter, 25%); }
.mastodon { background: desaturate($mastodon, 25%); }
.facebook { background: desaturate($facebook, 25%); }

View File

@ -94,6 +94,22 @@ a,
}
}
ol.breadcrumb > li.breadcrumb-item > a > span {
color: #0065D1;
}
ol.breadcrumb > li.breadcrumb-item.active > span {
color: #616A70;
}
div.alert.alert-warning a {
color: #006ADB;
}
div.alert.alert-success a {
color: #0063CC;
}
h2, h3:not(.h5), h4, h5 {
margin-top: 1.5rem;
margin-bottom: 1rem;
@ -463,3 +479,30 @@ input#nav-toggle,
[data-toggle="tooltip"]:hover:after {
opacity: .9;
}
// Focus style
nav *:focus:not(.dropdown-item) {
outline: 2px solid yellow;
outline-offset: 0.1em;
}
footer div > a:focus {
outline: 4px solid #0100ff !important;
z-index: 3000;
}
*:focus:not(.dropdown-item) {
outline: 2px solid #0100ff;
outline-offset: 0.1em;
}
button:focus {
outline: 2px solid #0100ff !important;
outline-offset: 0.1em !important;
}
div.alert.alert-warning a {
outline: 2px solid #0100ff !important;
outline-offset: 0.1em !important;
}

View File

@ -36,6 +36,18 @@ function navSectionsClose(event) {
// Dark/Light color scheme switch button
document.querySelector("#nav-switch-theme").style.display = "inline";
document.querySelector("#nav-switch-theme").addEventListener("click", changeColorScheme);
document.querySelector("#nav-switch-theme").addEventListener("keydown", e => {
if (e.key === " " || e.key === "Enter" || e.key === "Spacebar") {
e.preventDefault();
changeColorScheme();
}
});
document.querySelector("#nav-toggle-label").addEventListener("keydown", e => {
if (e.key === " " || e.key === "Enter" || e.key === "Spacebar") {
e.preventDefault();
document.getElementById('nav-toggle').checked = !document.getElementById('nav-toggle').checked;
}
});
function changeColorScheme() {
// Use whatever users want
@ -90,4 +102,4 @@ if (
localStorage.getItem("colorScheme") === "light")
) {
fixThemeImages();
}
}

View File

@ -6,7 +6,7 @@ layout: default
{% include sections/header.html %}
{% include sections/resources.html %}
<h1 id="sponsors" class="anchor"><a href="#sponsors"><i class="fas fa-link anchor-icon"></i></a> Sponsors</h1>
<h1 id="sponsors" class="anchor"><a href="#sponsors" aria-label="Sponsors' section"><i aria-hidden="true" class="fas fa-link anchor-icon"></i></a> Sponsors</h1>
<div class="mx-4">
{% include sponsors/gold.html %}
</div>