citizensofhumanity.com Open in urlscan Pro
23.227.38.65 Public Scan

Back to summary

Submitted URL:
http://citizensofhumanity.com/
Effective URL:
https://citizensofhumanity.com/
Submission: On May 15 via manual (May 15th 2023, 4:40:25 pm UTC) from US — Scanned from CA

Form analysis
5 forms found in the DOM

POST /cart

<form class="Cart Drawer__Content" action="/cart" method="POST" novalidate="" data-flow-cart-container="">
  <div class="Drawer__Main" data-scrollable="">
    <p class="Cart__Empty u-h5">Your bag is empty</p>
  </div>
</form>

Name: GET — /search

<form action="/search" name="GET" role="search" class="Search__Form">
  <div class="Search__InputIconWrapper">
    <span class="hidden-tablet-and-up"><svg class="Icon Icon--search" role="presentation" viewBox="0 0 18 17">
        <g transform="translate(1 1)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square">
          <path d="M16 16l-5.0752-5.0752"></path>
          <circle cx="6.4" cy="6.4" r="6.4"></circle>
        </g>
      </svg></span>
    <span class="hidden-phone"><svg class="Icon Icon--search-desktop" role="presentation" viewBox="0 0 21 21">
        <g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
          <path d="M18 18l-5.7096-5.7096"></path>
          <circle cx="7.2" cy="7.2" r="7.2"></circle>
        </g>
      </svg></span>
  </div>
  <input type="search" class="Search__Input Heading" name="q" autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="Search..." autofocus="">
  <input type="hidden" name="type" value="product">
</form>

GET //manage.kmail-lists.com/subscriptions/subscribe

<form id="email_signup" class="klaviyo_bare_embed_LdMixC" action="//manage.kmail-lists.com/subscriptions/subscribe" data-ajax-submit="//manage.kmail-lists.com/ajax/subscriptions/subscribe" method="GET" target="_blank" novalidate="novalidate">
  <input type="hidden" name="g" value="LdMixC">
  <input type="hidden" name="$fields" value="email,Catalog Interest,$country,$source">
  <div class="klaviyo_wrap">
    <div class="klaviyo_field_group">
      <input class="email" style="border: 1px solid #ccc;background: transparent;" type="email" value="" placeholder="Email Address" name="email" id="k_id_email" aria-label="Email Address" autocorrect="off" autocapitalize="off" required="">
    </div>
    <div class="klaviyo_form_actions">
      <button class="Button  Button--primary" style="min-width: 108px;" type="submit" value="" name="subscribe" id="subscribe"> Subscribe </button>
    </div>
  </div>
  <div class="checkboxes">
    <fieldset>
      <div class="checkbox">
        <input type="radio" id="womens" value="womens" name="Catalog Interest">
        <label for="womens">Women's</label>
      </div>
      <div class="checkbox">
        <input type="radio" id="mens" value="mens" name="Catalog Interest">
        <label for="mens">Men's</label>
      </div>
      <div class="checkbox">
        <input type="radio" id="both" value="both" name="Catalog Interest">
        <label for="both">Both</label>
      </div>
    </fieldset>
    <select name="$country">
      <option>Choose your country</option>
      <option value="Australia">Australia</option>
      <option value="Austria">Austria</option>
      <option value="Belgium">Belgium</option>
      <option value="Canada">Canada</option>
      <option value="Croatia">Croatia</option>
      <option value="Cyprus">Cyprus</option>
      <option value="Czechia">Czechia</option>
      <option value="Denmark">Denmark</option>
      <option value="Estonia">Estonia</option>
      <option value="Finland">Finland</option>
      <option value="France">France</option>
      <option value="Germany">Germany</option>
      <option value="Greece">Greece</option>
      <option value="Hungary">Hungary</option>
      <option value="Ireland">Ireland</option>
      <option value="Japan">Japan</option>
      <option value="Latvia">Latvia</option>
      <option value="Lithuania">Lithuania</option>
      <option value="Luxembourg">Luxembourg</option>
      <option value="Malta">Malta</option>
      <option value="Netherlands">Netherlands</option>
      <option value="Norway">Norway</option>
      <option value="Finland">Poland</option>
      <option value="Portugal">Portugal</option>
      <option value="Romania">Romania</option>
      <option value="San Marino">San Marino</option>
      <option value="Serbia">Serbia</option>
      <option value="Slovakia">Slovakia</option>
      <option value="Slovenia">Slovenia</option>
      <option value="Spain">Spain</option>
      <option value="Sweden">Sweden</option>
      <option value="Switzerland">Switzerland</option>
      <option value="Serbia">Serbia</option>
      <option value="United Kingdom">United Kingdom</option>
      <option value="United States of America">United States of America</option>
    </select>
  </div>
  <div class="klaviyo_messages text-center">
    <div class="success_message u-h6" style="display:none;"> You're all set! </div>
    <div class="error_message margin-top-6" style="display:none;"></div>
  </div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-RhE5w6" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 2px; border-style: solid; border-width: 2px; border-color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 10px 5px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span class="ql-font-helvetica" style="font-size:24px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;">Let's
              keep in touch</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">Collection launches, styling advice, finding your fit, and so much more.</p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_11381571" class="needsclick go1236369476 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Enter your email" aria-label="Enter your email" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 38px; text-align: left; color: rgb(0, 0, 0); font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(180, 187, 195);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 0 1 auto;"><button
          class="needsclick go279450927 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(48, 59, 67); border-radius: 2px; border-style: none; border-color: rgb(0, 0, 0); border-width: 0px; color: rgb(255, 255, 255); font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding: 11px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: auto;">Subscribe</button>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; align-self: flex-end;">
          <div class="needsclick  kl-private-reset-css-Xuajs1">
            <div class="needsclick  kl-private-reset-css-Xuajs1" style="position: relative; display: flex;">
              <div class="needsclick  kl-private-reset-css-Xuajs1"
                style="flex: 1 1 0%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; background-color: rgb(255, 255, 255); padding: 0px 8px 0px 16px; border: 1px solid rgb(180, 187, 195); height: 38px; cursor: pointer; border-radius: 2px;">
                <input class="needsclick go2559836332 kl-private-reset-css-Xuajs1" role="combobox" aria-haspopup="listbox" aria-owns="downshift-0-menu" aria-expanded="false" id="downshift-0-input" aria-autocomplete="list"
                  aria-controls="downshift-0-menu" aria-labelledby="downshift-0-label" autocomplete="off" aria-label="Choose your country" aria-invalid="false" tabindex="0" placeholder="Choose your country"
                  style="border: none; flex: 1 1 0%; cursor: pointer; color: rgb(0, 0, 0); font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px;"><button type="button" id="downshift-0-toggle-button"
                  tabindex="-1" class="needsclick  kl-private-reset-css-Xuajs1" style="cursor: pointer;"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="" transform="" tabindex="-1"
                    style="fill: rgb(180, 187, 195);">
                    <path
                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
                    </path>
                  </svg></button></div>
              <div id="downshift-0-menu" role="listbox" aria-labelledby="downshift-0-label" class="needsclick  kl-private-reset-css-Xuajs1"
                style="background-color: rgb(255, 255, 255); box-sizing: border-box; width: 100%; max-height: 150px; position: absolute; overflow-y: auto; z-index: 1; border: none; top: 100%; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;">
              </div>
            </div>
          </div>
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

POST #

<form class="acsb-form" data-acsb-search="form" enctype="multipart/form-data" action="#" method="POST"> <input type="text" tabindex="0" name="acsb_search" autocomplete="off" placeholder="Unclear content? Search in dictionary..."
    aria-label="Unclear content? Search in dictionary..."> <i class="acsbi-search"></i> <i class="acsbi-chevron_down"></i> </form>

Text Content

Use Website In a Screen-Reader Mode
Skip to Content
↵ENTER
Skip to Menu
↵ENTER
Skip to Footer
↵ENTER

If you're having any issues navigating our site, please email us at
eshop@citizensofhumanity.com or call us at 323-923-1250
Skip to content

WOMEN
FEATURED
* New Arrivals
* Summer Collection
* Best Sellers
* H Pocket Denim
* Soft Stretch Denim
* Humanity With Haas Collection
* We Are All Humanity Collection
* Humanity Collection

CATEGORY
* Denim
* Non Denim
* Tops
* Jackets
* Shorts
* Skirts
* Dresses & Jumpsuits
* Shop All

SHOP BY FIT
* Straight
* Skinny & Slim
* Boyfriend & Relaxed
* Bootcut & Flare
* Wide Leg & Baggy
* Cropped
* Petite
* Long

SHOP BY RISE
* High Rise
* Mid Rise
* Low Rise

TOP STYLES
* Gaucho
* Emerson
* Ayla
* Horseshoe
* Charlotte
* Annina
* Jolene
* Isola

EXPLORE
* Brands We Love: GOLDSIGN
* Beyond the Label
* Denim Guide
* E-Styling Session

MEN
FEATURED
* New Arrivals
* Summer Collection
* Best Sellers
* HUMANITY with Haas Collection
* We Are All Humanity Tees
* Humanity Collection

CATEGORY
* Denim
* Non Denim
* Tops
* Jackets
* Shorts
* Shop All

SHOP BY FIT
* Classic | Straight
* Relaxed | Baggy
* Slim
* Skinny
* Bootcut
* Long

TOP STYLES
* Gage
* London
* Adler
* Elijah
* Hayden
* Finn
* Sid

FIT GUIDE
* Denim Guide
* E-Styling Session
* Size Chart

SUSTAINABILITY
KTG COTTON
* CAN
Select an Experience

AUS

AUT

BEL

BGR

CAN

HRV

CYP

CZE

DNK

EST

FIN

FRA

DEU

GRC

GGY

HUN

ISL

IRL

JPN

JEY

LVA

LTU

LUX

MLT

NLD

NOR

POL

PRT

ROU

SMR

SRB

SVK

SVN

ESP

SWE

CHE

GBR

USA
* Wishlist Account

Bag

Your bag is empty

* WOMENWOMEN
FEATURED
* New Arrivals
* Summer Collection
* Best Sellers
* H Pocket Denim
* Soft Stretch Denim
* Humanity With Haas Collection
* We Are All Humanity Collection
* Humanity Collection

CATEGORY
* Denim
* Non Denim
* Tops
* Jackets
* Shorts
* Skirts
* Dresses & Jumpsuits
* Shop All

SHOP BY FIT
* Straight
* Skinny & Slim
* Boyfriend & Relaxed
* Bootcut & Flare
* Wide Leg & Baggy
* Cropped
* Petite
* Long

SHOP BY RISE
* High Rise
* Mid Rise
* Low Rise

TOP STYLES
* Gaucho
* Emerson
* Ayla
* Horseshoe
* Charlotte
* Annina
* Jolene
* Isola

EXPLORE
* Brands We Love: GOLDSIGN
* Beyond the Label
* Denim Guide
* E-Styling Session

* MENMEN
FEATURED
* New Arrivals
* Summer Collection
* Best Sellers
* HUMANITY with Haas Collection
* We Are All Humanity Tees
* Humanity Collection

CATEGORY
* Denim
* Non Denim
* Tops
* Jackets
* Shorts
* Shop All

SHOP BY FIT
* Classic | Straight
* Relaxed | Baggy
* Slim
* Skinny
* Bootcut
* Long

TOP STYLES
* Gage
* London
* Adler
* Elijah
* Hayden
* Finn
* Sid

FIT GUIDE
* Denim Guide
* E-Styling Session
* Size Chart

* SUSTAINABILITYSUSTAINABILITY
* KTG COTTONKTG COTTON

* Search
* WISHLIST
* Account
* Bag
* CAN
Select an Experience

AUS

AUT

BEL

BGR

CAN

HRV

CYP

CZE

DNK

EST

FIN

FRA

DEU

GRC

GGY

HUN

ISL

IRL

JPN

JEY

LVA

LTU

LUX

MLT

NLD

NOR

POL

PRT

ROU

SMR

SRB

SVK

SVN

ESP

SWE

CHE

GBR

USA

SUMMER COLLECTION

SHOP NOW

WOVEN + KNITS

Shop Now

WIDE LEG DENIM

Shop Now

BEST SELLERS

ISABEL TANK + PALOMA UTILITY TROUSER

ANOUK V-NECK + AYLA BAGGY

CECILIE V-NECK + PAYTON UTILITY TROUSER

KAYLA SHIRT + HORSESHOE JEAN

KAYLA SHIRT + NEVE LOW SLUNG

PENNY BLOUSE + EMANNUELLE LOW RISE

KAYLA SHRUNKEN SHIRT + GAUCHO WIDE LEG

KAYLA SHIRT + PALOMA UTILITY

DENIM GUIDE

LEARN MORE

MEN'S COLLECTION

Shop Now

PRESS

“The group, which owns premium denim brands Agolde and Goldsign as well as cult
noughties label Citizens of Humanity, wanted a better option to deliver on its
sustainability ambitions. It wanted visibility over where its cotton came from
and certainty that it was farmed in a socially and environmentally responsible
manner. For the Los Angeles-based denim maker, that meant turning to
regenerative agriculture, an approach that aims to improve soil health,
biodiversity and carbon sequestration, rather than simply reducing negative
impact. It settled on a radical solution. While most brands can barely trace
their supply chain back past their first line of manufacturers, Citizens of
Humanity decided to go
straight to the source: cotton farms.”

- Sarah Kent, London Editor at Business of Fashion

“Citizens of Humanity is the favorite designer denim label for many fashion
editors, both for it's fashion-forward silhouettes and soft, high-quality denim.
There's always a new jean to love."

- Emily Farra, Senior Fashion News Writer of VOGUE

"At our market editor Justine Carreon's recommendation, I tried Citizens of
Humanity. (...) Whenever I wear them, someone inevitably asks me what brand they
are, so now I'm telling everyone. Enjoy!"

- – Leah Chernikoff, Digital Director of ELLE

"Mass-production of jeans often results in cutting corners, which is why
Citizens of Humanity prides itself on being one of the few denim brands with
vertical integration. (...) Sustainability is also a core value of the brand.
Using automated machines to maximize efficiency and minimize fabric waste, and
lowering water consumption during the production process, Citizens of Humanity
is committing themselves to minimize their carbon footprint."

"Citizens of Humanity's loyal following speaks for itself. Their fit and overall
look make them a beloved brand that you'll be sure to keep in constant rotation.
COH also keeps sustainability as top priority by limiting their waste and gas
usage."

- Taylor Ayers, Fashion Editor of Marie Claire

"My favorite buy of the year is unquestionably my staple high-waisted
straight-leg jeans by Citizens of Humanity. They are the perfect, flattering fit
and have a cool vintage wash. I cannot tell you the number of times I've worn
them in the past year-they're so easy to dress up or down, and I always get
compliments whenever I wear them."

- Judith Jones, Market Editor at Who What Wear
C
citizensofhumanity

04/08/23
The wide-leg staple every wardrobe needs.
READ MORE...
READ LESS
Was this review helpful?

4
C
citizensofhumanity

04/01/23
Modeled after boyish bootcuts from the early 2000s, the Ryan is our new favorite
relaxed low-slung.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

04/12/23
Meet the must-have jean of the season: the Tessa Culotte.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/26/23
Tonal twill + luxe knits.
READ MORE...
READ LESS
Was this review helpful?

3
C
citizensofhumanity

01/25/23
Easy, elevated essentials.
READ MORE...
READ LESS
Was this review helpful?

1
C
citizensofhumanity

03/15/23
Pair the dramatic Horseshoe silhouette with the always-classic Kayla Shirt.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

01/14/23
Turns out the perfect tee does exist. Meet the Juliette.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/31/23
Simple and subtle, pair the Neve Low Slung Relaxed with the Kayla Shirt for
laid-back styling.
READ MORE...
READ LESS
Was this review helpful?

1
C
citizensofhumanity

03/25/23
Our favorite ways to style all-new utility 🤍
READ MORE...
READ LESS
Was this review helpful?

1
C
citizensofhumanity

04/09/23
Pleated denim is here is a big way.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/30/23
The Spring staple you need now: The Paloma Utility Trouser.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/11/23
Utility meets denim.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/05/23
Pair airy button downs with relaxed denim for an easy, elevated look.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/25/23
Our favorite ways to style all-new utility 🤍
READ MORE...
READ LESS
Was this review helpful?

1
C
citizensofhumanity

03/31/23
Simple and subtle, pair the Neve Low Slung Relaxed with the Kayla Shirt for
laid-back styling.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/22/23
The perfect relaxed fit for your everyday needs.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/28/23
Associate Director of @whowhatwear, @kristenmarienichols styled our best-selling
Paloma Trouser. See her go-to styling pieces.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/25/23
Our favorite ways to style all-new utility 🤍
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

04/10/23
Clean lines and crisp whites 🤍
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/05/23
Pair airy button downs with relaxed denim for an easy, elevated look.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/17/23
Low slung denim to take you from work to the weekend.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/03/23
Nothing says Spring like flowy, light wovens.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

04/08/23
The wide-leg staple every wardrobe needs.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

01/23/23
Baggy jeans are here to stay.
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/25/23
Our favorite ways to style all-new utility 🤍
READ MORE...
READ LESS
Was this review helpful?

0
C
citizensofhumanity

03/30/23
The Spring staple you need now: The Paloma Utility Trouser.
READ MORE...
READ LESS
Was this review helpful?

0
Slideshow
Slide controls

SLIDESHOW

Slide controls
#modelcitizen

* CUSTOMER CARE

* FAQs
* Women's E-Styling Sessions
* Men's E-Styling Sessions
* Returns & Exchanges
* Size Chart
* Contact Us

* COMPANY

* Our Story
* Store Locator
* HUMANITY Aspen Store
* Sales & Press Contacts
* Wholesale Login

* MORE

* My Account
* Loyalty Program
* Gift Cards

NEWSLETTER

Subscribe to receive updates, access to exclusive deals, and more.

Subscribe
Women's
Men's
Both
Choose your country Australia Austria Belgium Canada Croatia Cyprus Czechia
Denmark Estonia Finland France Germany Greece Hungary Ireland Japan Latvia
Lithuania Luxembourg Malta Netherlands Norway Poland Portugal Romania San Marino
Serbia Slovakia Slovenia Spain Sweden Switzerland Serbia United Kingdom United
States of America
You're all set!

By using our website, you agree to our Privacy Policy, which describes the
categories of personal information we collect about you and how which that
information is used. We do not sell your personal information. You can also view
updates to our Privacy Policy at any time by clicking on the "Privacy Policy"
link at the bottom of each page of our site.

I understand and accept the Privacy Policy

Let's keep in touch

Collection launches, styling advice, finding your fit, and so much more.

English
Accessibility Adjustments
Reset Settings Statement Hide Interface

Choose the right accessibility profile for you
OFF ON
Seizure Safe Profile Clear flashes & reduces color
This profile enables epileptic and seizure prone users to browse safely by
eliminating the risk of seizures that result from flashing or blinking
animations and risky color combinations.
OFF ON
Vision Impaired Profile Enhances website's visuals
This profile adjusts the website, so that it is accessible to the majority of
visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract,
Glaucoma, and others.
OFF ON
ADHD Friendly Profile More focus & fewer distractions
This profile significantly reduces distractions, to help people with ADHD and
Neurodevelopmental disorders browse, read, and focus on the essential elements
of the website more easily.
OFF ON
Cognitive Disability Profile Assists with reading & focusing
This profile provides various assistive features to help users with cognitive
disabilities such as Autism, Dyslexia, CVA, and others, to focus on the
essential elements of the website more easily.
OFF ON
Keyboard Navigation (Motor) Use website with the keyboard
This profile enables motor-impaired persons to operate the website using the
keyboard Tab, Shift+Tab, and the Enter keys. Users can also use shortcuts such
as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics)
to jump to specific elements.

Note: This profile prompts automatically for keyboard users.
OFF ON
Blind Users (Screen Reader) Optimize website for screen-readers
This profile adjusts the website to be compatible with screen-readers such as
JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software that is
installed on the blind user’s computer and smartphone, and websites should
ensure compatibility with it.

Note: This profile prompts automatically to screen-readers.
Content Adjustments
Content Scaling
Default

Readable Font
Highlight Titles
Highlight Links
Text Magnifier
Adjust Font Sizing
Default

Align Center
Adjust Line Height
Default

Align Left
Adjust Letter Spacing
Default

Align Right
Color Adjustments
Dark Contrast
Light Contrast
High Contrast
High Saturation
Adjust Text Colors
Cancel
Monochrome
Adjust Title Colors
Cancel
Low Saturation
Adjust Background Colors
Cancel
Orientation Adjustments
Mute Sounds
Hide Images
Read Mode
Reading Guide
Useful Links
Select an option Home Header Footer Main Content
Stop Animations
Reading Mask
Highlight Hover
Highlight Focus
Big Black Cursor
Big White Cursor
HIDDEN_ADJUSTMENTS
Keyboard Navigation
Accessible Mode
Screen Reader Adjustments
Read Mode
Web Accessibility By
Learn More
Choose the Interface Language
English
Español
Deutsch
Português
Français
Italiano
עברית
繁體中文
Pусский
عربى
عربى
Nederlands
繁體中文
日本語
Polski
Türk
Accessibility StatementCompliance status

We firmly believe that the internet should be available and accessible to anyone
and are committed to providing a website that is accessible to the broadest
possible audience, regardless of ability.

To fulfill this, we aim to adhere as strictly as possible to the World Wide Web
Consortium’s (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at the AA
level. These guidelines explain how to make web content accessible to people
with a wide array of disabilities. Complying with those guidelines helps us
ensure that the website is accessible to blind people, people with motor
impairments, visual impairment, cognitive disabilities, and more.

This website utilizes various technologies that are meant to make it as
accessible as possible at all times. We utilize an accessibility interface that
allows persons with specific disabilities to adjust the website’s UI (user
interface) and design it to their personal needs.

Additionally, the website utilizes an AI-based application that runs in the
background and optimizes its accessibility level constantly. This application
remediates the website’s HTML, adapts its functionality and behavior for
screen-readers used by blind users, and for keyboard functions used by
individuals with motor impairments.

If you wish to contact the website’s owner please use the website's form

Screen-reader and keyboard navigation

Our website implements the ARIA attributes (Accessible Rich Internet
Applications) technique, alongside various behavioral changes, to ensure blind
users visiting with screen-readers can read, comprehend, and enjoy the website’s
functions. As soon as a user with a screen-reader enters your site, they
immediately receive a prompt to enter the Screen-Reader Profile so they can
browse and operate your site effectively. Here’s how our website covers some of
the most important screen-reader requirements:

1. Screen-reader optimization: we run a process that learns the website’s
components from top to bottom, to ensure ongoing compliance even when
updating the website. In this process, we provide screen-readers with
meaningful data using the ARIA set of attributes. For example, we provide
accurate form labels; descriptions for actionable icons (social media icons,
search icons, cart icons, etc.); validation guidance for form inputs;
element roles such as buttons, menus, modal dialogues (popups), and others.

Additionally, the background process scans all of the website’s images. It
provides an accurate and meaningful image-object-recognition-based
description as an ALT (alternate text) tag for images that are not
described. It will also extract texts embedded within the image using an OCR
(optical character recognition) technology. To turn on screen-reader
adjustments at any time, users need only to press the Alt+1 keyboard
combination. Screen-reader users also get automatic announcements to turn
the Screen-reader mode on as soon as they enter the website.

These adjustments are compatible with popular screen readers such as JAWS,
NVDA, VoiceOver, and TalkBack.

2. Keyboard navigation optimization: The background process also adjusts the
website’s HTML and adds various behaviors using JavaScript code to make the
website operable by the keyboard. This includes the ability to navigate the
website using the Tab and Shift+Tab keys, operate dropdowns with the arrow
keys, close them with Esc, trigger buttons and links using the Enter key,
navigate between radio and checkbox elements using the arrow keys, and fill
them in with the Spacebar or Enter key.

Additionally, keyboard users will find content-skip menus available at any
time by clicking Alt+2, or as the first element of the site while navigating
with the keyboard. The background process also handles triggered popups by
moving the keyboard focus towards them as soon as they appear, not allowing
the focus to drift outside.

Users can also use shortcuts such as “M” (menus), “H” (headings), “F”
(forms), “B” (buttons), and “G” (graphics) to jump to specific elements.

Disability profiles supported on our website
* Epilepsy Safe Profile: this profile enables people with epilepsy to safely
use the website by eliminating the risk of seizures resulting from flashing
or blinking animations and risky color combinations.
* Vision Impaired Profile: this profile adjusts the website so that it is
accessible to the majority of visual impairments such as Degrading Eyesight,
Tunnel Vision, Cataract, Glaucoma, and others.
* Cognitive Disability Profile: this profile provides various assistive
features to help users with cognitive disabilities such as Autism, Dyslexia,
CVA, and others, to focus on the essential elements more easily.
* ADHD Friendly Profile: this profile significantly reduces distractions and
noise to help people with ADHD, and Neurodevelopmental disorders browse,
read, and focus on the essential elements more easily.
* Blind Users Profile (Screen-readers): this profile adjusts the website to be
compatible with screen-readers such as JAWS, NVDA, VoiceOver, and TalkBack. A
screen-reader is installed on the blind user’s computer, and this site is
compatible with it.
* Keyboard Navigation Profile (Motor-Impaired): this profile enables
motor-impaired persons to operate the website using the keyboard Tab,
Shift+Tab, and the Enter keys. Users can also use shortcuts such as “M”
(menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to
jump to specific elements.

Additional UI, design, and readability adjustments
1. Font adjustments – users can increase and decrease its size, change its
family (type), adjust the spacing, alignment, line height, and more.
2. Color adjustments – users can select various color contrast profiles such as
light, dark, inverted, and monochrome. Additionally, users can swap color
schemes of titles, texts, and backgrounds with over seven different coloring
options.
3. Animations – epileptic users can stop all running animations with the click
of a button. Animations controlled by the interface include videos, GIFs,
and CSS flashing transitions.
4. Content highlighting – users can choose to emphasize essential elements such
as links and titles. They can also choose to highlight focused or hovered
elements only.
5. Audio muting – users with hearing devices may experience headaches or other
issues due to automatic audio playing. This option lets users mute the
entire website instantly.
6. Cognitive disorders – we utilize a search engine linked to Wikipedia and
Wiktionary, allowing people with cognitive disorders to decipher meanings of
phrases, initials, slang, and others.
7. Additional functions – we allow users to change cursor color and size, use a
printing mode, enable a virtual keyboard, and many other functions.

Assistive technology and browser compatibility

We aim to support as many browsers and assistive technologies as possible, so
our users can choose the best fitting tools for them, with as few limitations as
possible. Therefore, we have worked very hard to be able to support all major
systems that comprise over 95% of the user market share, including Google
Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS, and NVDA
(screen readers), both for Windows and MAC users.

Notes, comments, and feedback

Despite our very best efforts to allow anybody to adjust the website to their
needs, there may still be pages or sections that are not fully accessible, are
in the process of becoming accessible, or are lacking an adequate technological
solution to make them accessible. Still, we are continually improving our
accessibility, adding, updating, improving its options and features, and
developing and adopting new technologies. All this is meant to reach the optimal
level of accessibility following technological advancements. If you wish to
contact the website’s owner, please use the website's form

Hide Accessibility Interface? Please note: If you choose to hide the
accessibility interface, you won't be able to see it anymore, unless you clear
your browsing history and data. Are you sure that you wish to hide the
interface?
Accept Cancel

Continue

Processing the data, please give it a few seconds...
Press Alt+1 for screen-reader mode

My Wishlist0

citizensofhumanity.com Open in urlscan Pro 23.227.38.65 Public Scan

Form analysis 5 forms found in the DOM

POST /cart

Name: GET — /search

GET //manage.kmail-lists.com/subscriptions/subscribe

POST #

Text Content

citizensofhumanity.com Open in urlscan Pro
23.227.38.65 Public Scan

Form analysis
5 forms found in the DOM