I would like to know if there is any information or support available regarding Accessibility features with respect to Web Notifications on Chrome and Firefox browsers.
We are trying to implement Web Notifications using the Notifications API https://notifications.spec.whatwg.org/ and are unable to use keyboard to get focus to the web notification in the bottom right. We can though access the Accept/Block popup that requests the permission to allow notifications when we use keyboard tab or spacebar. We believe it is a very important ability to support people with disabilities.
Thanks in advance
Related
Is there a way to enable Google/Apple Pay to be invoked from a WebView? I'm using a payment service (similar to Stripe) that will gives me a payment URL. To finish a payment, I have to open a browser, navigate to that URL and let the user pay.
I'm using a WebView because I need to be able to intercept the browser navigation and close it when it's navigating to the return URL I've provided to the payment service. That's why I'm not opening the URL in a browser intent.
The problem is that when opened in a WebView, clicking on the Google Pay button fails to open the Google Pay overlay (where you can pick a card and pay) and the payment cannot be finished. I suspect that the WebView isn't able to invoke the Google Pay API, is there a way to enable that? If not, I'd have to switch to opening the payment URL in a browser intent (using the Xamarin.Essentials's Browser API) and I'd lose the option to intercept the browser navigation.
Thanks for any advice!
EDIT:
I've received advice from the my payment processor in the meantime. They said:
Use the Chrome Custom Tabs for Android instead of the WebView. It works similarly but also supports standard functionality (such as Google Pay). To use Apple Pay on iOS, use the SFSafariController.
I'll try that and report back here.
I'm wondering if using the server-sent events described here:
https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events , therefore from a web browser on desktop or mobile, once the user "subscribe" to it, gets the notification even if the browser is closed.
I imagine that the popup window that sometimes I get browsing on some sites, like the one below
is given by adding the server-sent events, right?
I see two parts in your question:
Is the "Show notifications" popup related to server-sent events?
No.
This comes from the Notifications API.
That popup is displayed when the JavaScript application running in the browser calls Notification.requestPermission().
Will server-sent events be received by the browser when it's closed?
No.
That's not the purpose of server-sent events. SSE is a mechanism for streaming data from a server to the browser, similar to WebSockets.
How to send notifications to the user even if the browser is closed?
I'd refer you to other questions that have already been answered here:
Is there a way to display desktop notifications even when Chrome or Firefox is closed?
Does service worker runs on background even if browser is closed?
Send desktop notifications in Chrome or Firefox from a closed web app?
Issue:
On several ios devices, after clicking on 'Sign-In' button within the iframe(having src as Power BI report 'Secure Embed Code'), a new window opens to sign in to Power BI and after successful sign in, the window closes. However, iframe does not get reloaded. A manual intervention to reload the page is required to view the report. This exists on several ios devices (irrespective of the browser chrome or safari).
Implementation:
We have a web application using Azure AD Authentication, in this web application, we are embedding the Power BI reports with the help of 'Secure Embed Code' in an iframe.
Current Workflow:
1) User sign in to the web application ->
2) Iframe (having secure embed code) is displayed with a Sign-In button ->
3) User clicks on 'Sign-In' button within the iframe ->
4) A new window opens for few seconds to log in to Power BI Services ->
5) This new window closes automatically after successful login to Power BI Service ->
6) Iframe reloads and report is displayed
This flow works fine for Windows and Android devices. However, for several ios devices, Step#6(Iframe reload) does not work.
I am aware of the limitation of 'Secure Embed code' as
Some browsers require you to refresh the page after sign-in, especially when using InPrivate or InCognito modes.
Refer Limitations section of link for details.
Required Functionality:
After sign-in to the application, before rendering of any iframe, a link should be provided which generates a new window and prompt user to sign in into the Power BI Services. After successful SignIn in the new window, a message should be passed to the previous window that 'signIn is successful' and the new window should be closed. Once our application receives this message 'signIn is successful', then the iframe should be rendered. This will help us resolve the issue that exists in ios devices.
Note: We do not want to use 'App Owns Data/User Owns Data' approach as these approaches require to purchase dedicated capacity for production.
Please suggest if this is possible and provide some reference as to how could we achieve this.
Or suggest if there is any other workaround to resolve the issue.
Any help will be greatly appreciated.
Thanks
Note: We do not want to use 'App Owns Data/User Owns Data' approach as these approaches require to purchase dedicated capacity for production.
No, this isn't true. You will need dedicated capacities if you use embed tokens (e.g. generated with GenerateTokenInGroup). You can embed reports with AAD tokens and keep using shared capacities (see tokenType property).
The inconvenience that you are trying to overcome comes from the way secure embedding is implemented. This is how this feature works. Microsoft didn't made it because they wanted to make it inconvenient for the users. They made it this way, because it wasn't possible or easy enough to implement it better. You have to either way for a while, until browsers changes or Microsoft updates this feature, or use proper embedding (user owns data scenario in your case).
The problem is simple, agents login to the web interface using firefox, they get involved with other tasks that require them to use other windows therefore Firefox is hidden so they do not get a notification or alarm on the web page. is there a desktop client or a notifications method to show the agent that there is an incoming call
Firefox support screen popups.
http://www.binpress.com/tutorial/building-useful-notifications-with-html5-apis/163
There is also addon for older firefox https://code.google.com/p/ff-html5notifications/
Also you can create desktop application which will sit in background and popup when needed(not so costly)
I need to send push notifications to all users of my app (built with PhoneGap).
These push notifications should notify the user that a new post has been posted on a wordpress site.
I used the phonegap's PushNotifications plugin.
Now I need to set up the server side scripts that would actually send the notification payload. I am asking this question because I can't figure out how to do this. Can you suggest some solutions? I did look around stackoverflow, but couldn't find a solution that would work for both iOS and Android, and would work with Wordpress.
Looking forward to any help.
There is a WordPress plugin that does exactly what you ask (disclaimer first: I'm one of the developers). It is called Push Notifications for WordPress.
The nice thing is that it integrates perfectly into WordPress and it does not use any third-party’s server (so there is no charge for delivery). It even supports custom post types, analytics, user groups, and so on. You can buy it here (one-time purchase).
This is a particularly broad question with a lot of required pieces but I will attempt to give you a high level implementation.
There are several steps to take to get your WordPress site relaying messages to your app's install base.
I would recommend using a provider like urban airship to handle the push notifications workflow. Urban Airship (and other alike) allows you to support Android, iOS, Amazon, Blackberry, etc. They do all of the maintenance required and also lets you register devices using alias (like email address or other identifiers decides the device tokens/ids)
If you decide to use Urban Airship as your VAN there is a server side plugin for WordPress called Blimply. You can use this plugin to communicate to Urban Airship's API to relay your push notifications to your devices within your Wordpress site.
There are many for WordPress now since ithaas a large plugin base and eco system like https://wordpress.org/plugins/push-notification-for-wp-by-pushassist/
I tried it and using it for many of my sites. Frankly, for smaller web blogs 3000 subscribers are more than enough. Serious sites should opt for paid plans of any push notification providers.
There are many push notifications WordPress plugins in the WP repository which you can use on your website to send push notifications.
Onesignal is the most popular free push notifications plugin for WordPress. With the easy integration of this plugin, you can set opt-in for your visitors to when and how they want send push notification from WordPress to Phone. Onesignal has a feature of schedule and automatic notifications to online and offline users it means your visitors can receive notifications even after they have left your website.
Source 5+ Best WordPress Push Notification Plugins By SmallEnvelop